Bug 219100 - Erroneous elision of line clamped text
Summary: Erroneous elision of line clamped text
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: WebKit Nightly Build
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks: 233770
  Show dependency treegraph
 
Reported: 2020-11-18 11:10 PST by efisher
Modified: 2021-12-02 10:22 PST (History)
3 users (show)

See Also:


Attachments
Example of improper eliding of the first line of clamped text (200.67 KB, image/png)
2020-11-18 11:10 PST, efisher
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
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>