Bug 329149 – [line-clamp] text-overflow does not apply to a block ellipsis that overflows the line

• Status: RESOLVED
• Resolution: FIXED
• Component: Layout and Rendering

[Christian Biesinger]

<div style="line-clamp: 3 'very long block ellipsis'; overflow: hidden; text-overflow: ellipsis; font-family: monospace; width: 10ch">
text text text text text text text text text text</div>

The third line should read "very long…", but it reads "very long": the block ellipsis does not fit on the line, and it is clipped at the edge of the box instead of being ellipsed.

"If a line has a block overflow ellipsis, then any handling relating to it, including displacing content from the end of the line, occurs first. If the line still overflows after that (e.g. because the block overflow ellipsis is too long), then it is ellipsed according to the text-overflow property."
https://drafts.csswg.org/css-overflow-4/#text-overflow

Test: imported/w3c/web-platform-tests/css/css-overflow/line-clamp/line-clamp-text-overflow-001.html

[Christian Biesinger]

Pull request: https://github.com/WebKit/WebKit/pull/78499

[EWS]

Committed 325356@main (17346230b867): <https://commits.webkit.org/325356@main>

Reviewed commits have been landed. Closing PR #78499 and removing active labels.

[Radar WebKit Bug Importer]

<rdar://problem/191466391>