Bug 197525 - -webkit-line-clamp truncating line-height
Summary: -webkit-line-clamp truncating line-height
Status: RESOLVED DUPLICATE of bug 187938
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 12
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2019-05-02 12:11 PDT by Timothy Armstrong
Modified: 2021-12-02 10:20 PST (History)
7 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Timothy Armstrong 2019-05-02 12:11:06 PDT 
* What steps will reproduce the problem?

(1) Visit https://jsfiddle.net/4bzh2rv9/
(2) Click the toggle button so that the box can no longer contain two lines of text (and shows an ellipsis).
(3) Note that as soon as the above condition is met, the height of the box decreases, instead of allowing for the appropriate amount of line-height.

* What is the expected result?

The div height should not change once the ellipsis is present.

* What happens instead?

The div height shrinks once the ellipsis is present.


(See also: crbug.com/937931)
Comment 1 Radar WebKit Bug Importer 2019-05-03 10:21:11 PDT 
<rdar://problem/50448006>
Comment 2 Sam Sneddon [:gsnedders] 2021-12-02 10:20:03 PST 

*** This bug has been marked as a duplicate of bug 187938 ***