[Webkit-unassigned] [Bug 262349] New: A floating element can cause another element’s "break-inside:avoid" to fail

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Thu Sep 28 17:35:20 PDT 2023


            Bug ID: 262349
           Summary: A floating element can cause another element’s
                    "break-inside:avoid" to fail
           Product: WebKit
           Version: Safari 17
          Hardware: Mac (Apple Silicon)
                OS: macOS 13
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: bya at 180g.co
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

Created attachment 467966

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

HTML showing a paragraph that should not be split across two columns

In the attached HTML, the <div> with the “callout” class is floating, but takes up 100% of the width. As a result, it pushes the following paragraph lower. Since that following paragraph has “break-inside:avoid” set, it should be moved to the next column. Instead, the paragraph is split across two columns. This is incorrect.

If you turn off “float: left” on the “callout” <div>, then you can see the correct behavior: the following paragraph moves to the next column.

I also tested in Google Chrome (Version 117.0.5938.132), and it behaves as expected there.

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/20230929/7402d707/attachment.htm>

More information about the webkit-unassigned mailing list