<!doctype HTML> <html class="reftest-wait"> <meta charset="utf8"> <title>Display Locking: locks an iframe, and changes its size</title> <link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org"> <link rel="help" href="https://drafts.csswg.org/css-contain/#content-visibility"> <link rel="match" href="content-visibility-033-ref.html"> <meta name="assert" content="content-visibility hidden cross origin iframe can change size"> <script src="/common/reftest-wait.js"></script> <style> .hidden { content-visibility: hidden; } </style> <p>Test fails if the box below is square.</p> <iframe id="frame" class=hidden width=200 height=200 src='https://{{domains[www]}}:{{ports[https][0]}}/wpt_internal/display-lock/css-content-visibility/resources/frame.html'></iframe> <script> async function runTest() { document.getElementById("frame").height = 300; requestAnimationFrame(takeScreenshot); } onload = () => { requestAnimationFrame(runTest); }; </script>