Bug 279053 – hyphens: auto; does not line break a phrase containing a non-breaking space in a grid-child

• Status: RESOLVED
• Resolution: FIXED
• Component: Layout and Rendering

Created attachment 472414 [details]
Example HTML file to reproduce the bug

Steps to reproduce the problem

1. Create a container that is constrained in width via CSS or the viewport (Example: 640px).
2. Create a second container inside the first and set it to use CSS Grid Layout in a configuration where the first column uses the available width (1fr) and the second column an absolute width (Example: 560px).
3. Create a grid-child (Example: div) for each column
4. Place a string containing a   in the first column that is wider than the column (Example: "There are, sadly, a few incomprehensibilities (sic!).")

Use the attached HTML file or visit https://codepen.io/polarbirke/full/WNqadrd.

Problem Description

The string should be broken up by hyphenation in a way that does not make the first grid-column exceed its upper width boundary (as constrained by the width on the grandparent and the fixed width of the other column). As soon as a non-breaking space is used, the column grows too wide. Everything works as expected without a non-breaking space.

[Radar WebKit Bug Importer]

<rdar://problem/135685979>

[alan]

Created attachment 472518 [details]
[fast-cq]Patch

[EWS]

Committed 283449@main (fe5ff0118ff6): <https://commits.webkit.org/283449@main>

All reviewed patches have been landed. Closing bug and clearing flags on attachment 472518 [details].