207013 2020-01-30 12:18:11 -0800 -webkit-line-clamp does not truncate with ellipsis on visibility:hidden element 2021-12-02 10:17:56 -0800 1 1 1 Unclassified WebKit Layout and Rendering Safari 13 Unspecified Unspecified RESOLVED DUPLICATE 45399 BrowserCompat, InRadar P2 Normal --- 1 kenneth webkit-unassigned bfulgham menkhauskl mmaxfield simon.fraser webkit-bug-importer zalan oldest_to_newest 1613082 0 kenneth 2020-01-30 12:18:11 -0800 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. 1613138 1 webkit-bug-importer 2020-01-30 14:11:55 -0800 <rdar://problem/59041496> 1613672 2 simon.fraser 2020-01-31 17:07:28 -0800 WebKit's behavior seems to match Chrome, but both differ from Firefox. 1706994 3 menkhauskl 2020-11-12 13:24:44 -0800 I am having the same issue, though I am only seeing it on Safari. I created this codepen https://codepen.io/menkhauskl/pen/jOrXbpB On Chrome version 86.0.4240.183 it is truncating the ellipsis when "visibility: hidden". On Safari Version 14.0 it is not truncating the ellipsis when "visibility: hidden". 1819751 4 gsnedders 2021-12-02 10:17:56 -0800 *** This bug has been marked as a duplicate of bug 45399 ***