content-visibility-095.html (1221B)
1 <!doctype HTML> 2 <html class="reftest-wait"> 3 <meta charset="utf8"> 4 <title>Content Visibility: hidden table with positioned children</title> 5 <link rel="author" title="Rob Buis" href="mailto:rbuis@igalia.com"> 6 <link rel="help" href="https://drafts.csswg.org/css-contain/#content-visibility"> 7 <link rel="match" href="content-visibility-095-ref.html"> 8 <meta name="assert" content="content-visibility: hidden table with positioned children"> 9 10 <script src="/common/reftest-wait.js"></script> 11 12 <style> 13 table { 14 width: 150px; 15 height: 150px; 16 background: lightblue; 17 } 18 #positioned { 19 position: absolute; 20 } 21 .hidden { 22 content-visibility: hidden; 23 } 24 </style> 25 26 <table id=table> 27 <caption id=caption> 28 <div id=positioned>Test fails if this text is visible.</div> 29 </caption> 30 <tr id=tr> 31 <td id=td> 32 <div id=positioned>Test passes if this text is visible.</div> 33 </td> 34 </tr> 35 </table> 36 37 <script> 38 function runTest() { 39 document.getElementById("table").classList.add("hidden"); 40 document.getElementById("tr").classList.add("hidden"); 41 document.getElementById("caption").classList.add("hidden"); 42 requestAnimationFrame(takeScreenshot); 43 } 44 45 window.onload = () => requestAnimationFrame(runTest); 46 </script> 47 </html>