[Webkit-unassigned] [Bug 279053] New: hyphens: auto; does not line break a phrase containing a non-breaking space in a grid-child

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Tue Sep 3 03:43:56 PDT 2024


https://bugs.webkit.org/show_bug.cgi?id=279053

            Bug ID: 279053
           Summary: hyphens: auto; does not line break a phrase containing
                    a non-breaking space in a grid-child
           Product: WebKit
           Version: Safari 17
          Hardware: Mac (Apple Silicon)
                OS: macOS 12
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: polarbirke at gmx.de
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

Created attachment 472414

  --> https://bugs.webkit.org/attachment.cgi?id=472414&action=review

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.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20240903/ff980b8b/attachment.htm>


More information about the webkit-unassigned mailing list