Bug 219100

Summary:

Erroneous elision of line clamped text

Product:

WebKit

Reporter:

efisher

Component:

CSS

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED CONFIGURATION CHANGED

Severity:

Normal

CC:

ahmad.saleem792, karlcow, simon.fraser, webkit-bug-importer, zalan

Priority:

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

Comment 5 Ahmad Saleem 2023-02-15 13:14:16 PST

@Karl - this seems to be fixed in Safari Technology Preview 163 as well and matches other browsers in reference screenshots of your uploaded in Comment 04. Safari 16.3 is broken. Can we mark this as "RESOLVED CONFIGURATION CHANGED"? Thanks!

Comment 6 zalan 2023-02-15 14:04:54 PST

This is IFC progression too.