content-visibility-032.html (857B)
1 <!doctype HTML> 2 <html class="reftest-wait"> 3 <meta charset="utf8"> 4 <title>Content Visibility: hidden iframe, size changes</title> 5 <link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org"> 6 <link rel="help" href="https://drafts.csswg.org/css-contain/#content-visibility"> 7 <link rel="match" href="content-visibility-032-ref.html"> 8 <meta name="assert" content="content-visibility hidden iframes can change size."> 9 10 <script src="/common/reftest-wait.js"></script> 11 12 <style> 13 .hidden { 14 content-visibility: hidden; 15 } 16 </style> 17 <p>Test fails if the box below is square.</p> 18 <iframe class=hidden id=frame width=200 height=200 srcdoc='Lorem ipsum'></iframe> 19 20 <script> 21 async function runTest() { 22 document.getElementById("frame").height = 300; 23 requestAnimationFrame(takeScreenshot); 24 } 25 26 onload = () => { requestAnimationFrame(runTest); }; 27 </script>