Bug 187938 - Height of element changes when ellipses show on a -webkit-line-clamp element with line-height
Summary: Height of element changes when ellipses show on a -webkit-line-clamp element ...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified Unspecified
: P2 Trivial
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2018-07-23 19:13 PDT by thewingthing
Modified: 2018-07-27 11:15 PDT (History)
3 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description thewingthing 2018-07-23 19:13:17 PDT
When there is an element with -webkit-line-clamp and line-height set, the height of the element is different when the text is just short enough to not warrant ellipses vs when the text is just long enough to warrant ellipses.

e.g.
With line-height
No ellipses: height is 44px
With ellipses: height is 42px

Without line-height
No ellipses: height is 38px
With ellipses: height is 38px