[Webkit-unassigned] [Bug 176499] New: -webkit-line-clamp

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Thu Sep 7 03:29:13 PDT 2017


            Bug ID: 176499
           Summary: -webkit-line-clamp
           Product: WebKit
           Version: Other
          Hardware: All
                OS: All
            Status: NEW
          Severity: Minor
          Priority: P2
         Component: New Bugs
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: sherleysong at 126.com

Created attachment 320106

  --> https://bugs.webkit.org/attachment.cgi?id=320106&action=review

it's a demo for this bug , click and see the ... will disappear

make the style ellipsis over 2 lines, as: 
      div>p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: 20px;

then the dom use "(XXXX)"at the end of the second line ;

      <p>tryencgendafkjsakdfhask dhfkdjshtryencg endafkjsakdfhaskdhfkdjsh(asdfsadfsadf)</p>

It looks good so far , for ellipsis with 2 lines . 

Then I change the upper element's height , like a div,  and the '...' disappear ! 

Please check the demo as attached . 

It was found at chrome 版本 59.0.3071.115(正式版本) (32 位) .

You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20170907/7a249d01/attachment.html>

More information about the webkit-unassigned mailing list