[Webkit-unassigned] [Bug 259188] New: "-webkit-box-decoration-break: clone" with left and right padding causes unexpected wrapping of inline content

[bugzilla-daemon at webkit.org]

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

            Bug ID: 259188
           Summary: "-webkit-box-decoration-break: clone" with left and
                    right padding causes unexpected wrapping of inline
                    content
           Product: WebKit
           Version: Safari 16
          Hardware: iPhone / iPad
                OS: iOS 16
            Status: NEW
          Severity: Minor
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: xtwonine29 at gmail.com
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

Created attachment 467032

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

photo demonstrating the issue on a physical device with iOS 16.5.1

When using "-webkit-box-decoration-break: clone" in combination with left and right padding, Safari 16 seems to incorrectly determine the inline element's width resulting in unnecessary / unwanted line breaks (even though there is more than enough space for the element). If I set paddings to 0, everything works as expected.

Problem appears to be somewhat tied to the Safari version on physical devices - tried multiple devices but only those with Safari 16 were affected. Funnily enough, in the Simulator the bug didn't manifest at all.

iPhone XR, OS 16.5.1. - issue present
iPhone 6, OS 12.5.7. - everything okay
iPad mini 2, OS 12.5. - everything okay
iPad 7, OS 16.4.1. - issue present

For a visual demonstration, please see the attached photo. It's clearly visible that even though there is enough space on both sides of the inline element, it still gets wrapped in a very unpleasant way.

P.S.: I noticed some other bugreports regarding "webkit-box-decoration-break: clone" but all of them are supposedly fixed already, while this problem I am reporting still persists.

-- 
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/20230713/d2d70a7e/attachment.htm>