Bug 259709 - "-webkit-box-decoration-break: clone" prevents the text from wrapping
Summary: "-webkit-box-decoration-break: clone" prevents the text from wrapping
Status: RESOLVED DUPLICATE of bug 259110
Alias: None
Product: WebKit
Classification: Unclassified
Component: Text (show other bugs)
Version: Safari 16
Hardware: Mac (Intel) macOS 12
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2023-08-01 15:38 PDT by thepoopmahn
Modified: 2023-08-02 07:47 PDT (History)
2 users (show)

See Also:

Attachments
Reproduction screenshot (211.92 KB, image/png)
2023-08-01 15:38 PDT, thepoopmahn 		no flags Details
Correct behavior after 265953@main (269.55 KB, image/png)
2023-08-01 21:07 PDT, zalan 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description thepoopmahn 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
Comment 1 zalan 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.
Comment 2 zalan 2023-08-01 21:07:06 PDT 
Created attachment 467176 [details]
Correct behavior after 265953@main
Comment 3 zalan 2023-08-01 21:07:39 PDT 

*** This bug has been marked as a duplicate of bug 259110 ***
Comment 4 thepoopmahn 2023-08-02 07:47:47 PDT 
Got it. Thank you!