Bug 219100

Summary: Erroneous elision of line clamped text
Product: WebKit Reporter: efisher
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: karlcow, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: All   
OS: All   
Bug Depends on:    
Bug Blocks: 233770    
Attachments:
Description Flags
Example of improper eliding of the first line of clamped text
none
test case
none
rendering in Safari, firefox, chrome none

Description efisher 2020-11-18 11:10:57 PST
Created attachment 414461 [details]
Example of improper eliding of the first line of clamped text

When using -webkit-line-clamp in conjunction w/ white-space:pre-wrap and text-align:center, a line of text prior to the last line may be elided.

JsFiddle here to demonstrate the issue:
https://jsfiddle.net/w901xn6y/1/
Comment 1 efisher 2020-11-18 11:21:51 PST
also happens with text-align:right
Comment 2 Radar WebKit Bug Importer 2020-11-26 03:20:20 PST
<rdar://problem/71747728>
Comment 3 Karl Dubost 2022-08-15 19:57:51 PDT
Created attachment 461658 [details]
test case

a more reduced test case
Comment 4 Karl Dubost 2022-08-15 19:59:33 PDT
Created attachment 461659 [details]
rendering in Safari, firefox, chrome

Ellipsis is visible for Safari only.
Not visible in Chrome and Firefox

Tested in:
Firefox Nightly 105.0a1
Google Chrome Canary 106.0.5242.0
Safari 16.0