Bug 45399 - -webkit-line-clamp is not respected when visibility is hidden
Summary: -webkit-line-clamp is not respected when visibility is hidden
Status: UNCONFIRMED
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2010-09-08 10:44 PDT by Rob Brackett
Modified: 2015-01-09 09:33 PST (History)
2 users (show)

See Also:

Attachments
Test case for -webkit-line-clamp and visibility hidden issue (5.70 KB, text/html)
2010-09-08 10:44 PDT, Rob Brackett 		no flags Details
View All 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 Rob Brackett 2010-09-08 10:44:06 PDT 
Created attachment 66913 [details]
Test case for -webkit-line-clamp and visibility hidden issue

When an element with visibility: hidden and -webkit-line-clamp: [anything] is appended to the DOM, the line clamp is not respected, even after setting visibility: visible or removing the visibility setting altogether. Note that the problem really seems to be that -webkit-line-clamp is ignored when rendering an element with visibility: hidden, not when making it visible (although the problem continues to persist then).

Test case attached.

Brief example:
  <div id="root">
    <div id="container">
      <p id="clamped">
        Blah blah blah
      </p>
    </div>
  </div>

1. Remove #container
2. Set visibility: hidden on #container
3. Append #container to #root
4. Remove visibility: hidden on #container

This also works if the element you remove and set visibility on is #clamped instead of #container. Just wanted to illustrate that it could be any node up the tree.
Comment 1 mralkanlar 2013-07-26 12:03:09 PDT 
I can confirm the existence of this bug in Chrome Version 28.0.1500.71.
Comment 2 Dima Voytenko 2015-01-09 09:33:40 PST 
Definitely seeing it on  39.0.2171.95: both desktop and mobile