RESOLVED DUPLICATE of bug 259110 259709
"-webkit-box-decoration-break: clone" prevents the text from wrapping
https://bugs.webkit.org/show_bug.cgi?id=259709
Summary "-webkit-box-decoration-break: clone" prevents the text from wrapping
thepoopmahn
Reported 2023-08-01 15:38:06 PDT
Created attachment 467173 [details] Reproduction screenshot This happens when the inline element where this property is applied contains: a) inline elements mixed with text nodes (e.g. whitespaces between <span>); OR b) inline elements only Adding "overflow-wrap: break-word" to: a) has no effect b) isn't working correctly However, text wrapping works fine when the element contains: - inline-block elements mixed with text nodes - inline-block elements only - text nodes only Tested in: - Safari 16.4 (broken) - Safari 16.6 (broken) - Chrome 115 (works) - Firefox 115 (works) Reproduction: https://codepen.io/poophuman/pen/KKrJPNy
Attachments
Reproduction screenshot (211.92 KB, image/png)
2023-08-01 15:38 PDT, thepoopmahn
no flags
Correct behavior after 265953@main (269.55 KB, image/png)
2023-08-01 21:07 PDT, zalan
no flags
zalan
Comment 1 2023-08-01 21:05:20 PDT
Thank you for filing this bug report. I recently fixed this case at https://commits.webkit.org/265953@main. see bug 259110.
zalan
Comment 2 2023-08-01 21:07:06 PDT
Created attachment 467176 [details] Correct behavior after 265953@main
zalan
Comment 3 2023-08-01 21:07:39 PDT
*** This bug has been marked as a duplicate of bug 259110 ***
thepoopmahn
Comment 4 2023-08-02 07:47:47 PDT
Got it. Thank you!
Note You need to log in before you can comment on or make changes to this bug.