<!DOCTYPE html> <html class="reftest-wait"> <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> <link rel="help" href="https://www.w3.org/TR/css-display-3/#outer-role"> <link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#replaced-elements"> <link rel="match" href="../reference/ref-filled-green-100px-square.xht"> <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> <iframe id="victim" src="support/red-square.html" style="width:100px; height:100px; border:none;"></iframe> <script> var loaded_once = false; victim.onload = function() { // The child document should only load once. It should not be reloaded // by changing the display type of the IFRAME. if (loaded_once) return; loaded_once = true; var childDoc = victim.contentWindow.document; // Change the red background to green. This will revert back to red if // the document gets reloaded (which shouldn't happen) when re-attaching // #victim. childDoc.getElementById("square").style.background = "green"; document.offsetTop; victim.style.display = "block"; document.documentElement.className = ""; } </script> </html>