[Webkit-unassigned] [Bug 223687] New: box-decoration-break: clone is not taken into account when breaking lines

[bugzilla-daemon at webkit.org]

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

            Bug ID: 223687
           Summary: box-decoration-break: clone is not taken into account
                    when breaking lines
           Product: WebKit
           Version: Safari 14
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: johannes.odland at nrk.no

Created attachment 424124

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

Screenshot shows inline-elements overflowing container due to box-decoration-break: clone

Steps to reproduce the problem:
1. Add a span inside a div.
2. Define a width on the div.
3. Set `box-decoration-break: clone`, `padding: 15px` and `word-break: break-all` on the span.
4. Fill the span with text.

https://codepen.io/johannesodland/pen/BaQgEyZ

What is the expected behavior?
The padding added on each line through `box-decoration-break: clone` should be accounted for when breaking lines. Each padding-box should stay within the container. 

What went wrong?
The extra padding is not accounted for when breaking lines and the extra padding overflows the container.

Did this work before? N/A 

Does this work in other browsers? Yes

-- 
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/20210324/acd01479/attachment.htm>