webkit-box-clamp-visibility-change.html (937B)
1 <!DOCTYPE html> 2 <link rel="help" href="https://crbug.com/1015987"> 3 <link rel="match" href="webkit-box-clamp-visibility-change-ref.html"> 4 <style> 5 #wb { 6 display: -webkit-box; 7 -webkit-box-orient: vertical; 8 -webkit-line-clamp: 3; 9 overflow: hidden; 10 } 11 </style> 12 <p>Line-clamp should be respected after removing and changing visibility. 13 <div id="root" style="border: solid; width: 200px;"> 14 <div id="container"> 15 <p id="wb"> 16 text text text text 17 text text text text 18 text text text text 19 text text text text 20 text text text text 21 text text text text 22 text text text text 23 </p> 24 </div> 25 </div> 26 <script> 27 const container = document.getElementById('container'); 28 const root = document.getElementById('root'); 29 container.remove(); 30 container.style.visibility = 'hidden'; 31 root.appendChild(container); 32 document.body.offsetTop; 33 container.style.visibility = ''; 34 </script>