content-visibility-with-top-layer-and-auto-descendant.html (972B)
1 <!doctype html> 2 <html class="reftest-wait"> 3 <meta charset="utf8"> 4 <title>CSS Content Visibility: content-visibility: auto descendant in dialog is shown on showModal</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-with-top-layer-and-auto-descendant-ref.html"> 8 <meta name="assert" content="content-visibility: auto descendant in dialog is shown on showModal"> 9 <script src="/common/reftest-wait.js"></script> 10 11 <style> 12 #inner { 13 content-visibility: auto; 14 contain-intrinsic-size: 100px 100px; 15 } 16 </style> 17 18 <div id="spacer" style="height: 100vh"></div> 19 <dialog id="dialog" style="display: block; position: static;"> 20 <span id="inner">Test passes if this is visible</span> 21 </dialog> 22 23 <script> 24 function runTest() { 25 dialog.showModal(); 26 requestAnimationFrame(takeScreenshot); 27 } 28 29 window.onload = runTest; 30 </script> 31 </html>