[Webkit-unassigned] [Bug 207013] New: -webkit-line-clamp does not truncate with ellipsis on visibility:hidden element

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=207013

            Bug ID: 207013
           Summary: -webkit-line-clamp does not truncate with ellipsis on
                    visibility:hidden element
           Product: WebKit
           Version: Safari 13
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: kenneth at kufluk.com
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

This bug occurs in Chrome/Blink and Safari/Webkit.

I am using the -webkit-line-clamp rule to add multiline truncation and ellipsis.
This mostly works.

However, when an element is first rendered with "visibility: hidden" and then the visibility is quickly toggled, the truncation and ellipsis is not applied.
It works fine when I toggle visibility using 'opacity'.

Simplified repro case:
https://glitch.com/edit/#!/hidden-ellipsis?path=index.html

This has been affecting card descriptions in the twitter.com website. I am currently working on a patch to switch from visibility to opacity.

-- 
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/20200130/139ec056/attachment.htm>