content-visibility-with-top-layer-005.html (950B)
1 <!doctype html> 2 <html class="reftest-wait"> 3 <meta charset="utf8"> 4 <title>CSS Content Visibility: dialog shows under c-v auto</title> 5 <link rel="author" title="Martin Robinson" href="mailto:mrobinson@igalia.com"> 6 <link rel="help" href="https://drafts.csswg.org/css-contain/#content-visibility"> 7 <link rel="match" href="spacer-with-top-layer-ref.html"> 8 <meta name="assert" content="top layer dialogs render under c-v auto"> 9 10 <script src="/common/reftest-wait.js"></script> 11 12 <style> 13 .box { width: 100px; height: 100px; border: 1px solid black; } 14 .auto { content-visibility: auto } 15 .spacer { width: 10px; height: 3000px; background: lightblue; } 16 </style> 17 18 <div class=spacer></div> 19 <div id=container class="box"> 20 content 21 <dialog id=dialog><div id=inner class="auto">PASS</div></dialog> 22 </div> 23 24 <script> 25 function runTest() { 26 dialog.showModal(); 27 takeScreenshot(); 28 } 29 30 onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest)); 31 </script>