[Webkit-unassigned] [Bug 272534] New: Break-word with a float can discard text

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Thu Apr 11 09:20:48 PDT 2024


            Bug ID: 272534
           Summary: Break-word with a float can discard text
           Product: WebKit
           Version: Safari Technology Preview
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Text
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: caleb at chearon.net
                CC: fantasai.bugs at inkedblade.net, vitor.roriz at apple.com

I found a case where Safari doesn't render text after a float when the float is inside a word that splits across multiple lines with word-break: break-word.

Quick link: https://jsfiddle.net/317e6a9f/

With the following HTML and CSS:

<div style="word-break: break-word; width: 20px;">
  abcd<div style="float: left; width: 5px; height: 5px; background-color: red;"></div>efghijk

The letters "ef" get placed after the float successfully, but the letters "ghijk" don't show up at all, and no line boxes are allocated for them. Tested in Safari TP and Safari 17.

Chrome does this correctly. Firefox puts the float on its own line, which doesn't seem right since letters would fit after. But I don't think the specs say much specifically about when floats can be placed.

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/20240411/791f84a7/attachment.htm>

More information about the webkit-unassigned mailing list