Bug 259709

Summary:

"-webkit-box-decoration-break: clone" prevents the text from wrapping

Product:

WebKit

Reporter:

thepoopmahn

Component:

Text

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED DUPLICATE

Severity:

Normal

CC:

mmaxfield, zalan

Priority:

Version:

Safari 16

Hardware:

Mac (Intel)

OS:

macOS 12

Attachments:

Description	Flags
Reproduction screenshot	none
Correct behavior after 265953@main	none

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!