content-visibility-with-popover-top-layer-and-auto-descendant.html (1001B)
1 <!doctype html> 2 <html class="reftest-wait"> 3 <meta charset="utf8"> 4 <title>CSS Content Visibility: content-visibility: auto descendant in popover is shown on showPopover</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-popover-top-layer-and-auto-descendant-ref.html"> 8 <meta name="assert" content="content-visibility: auto descendant in popover is shown on showPopover"> 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 <div popover="manual" style="display: block; position: static;" id="popover"> 20 <span id="inner">Test passes if this is visible</span> 21 </div> 22 23 <script> 24 function runTest() { 25 popover.showPopover(); 26 requestAnimationFrame(takeScreenshot); 27 } 28 29 window.onload = runTest; 30 </script> 31 </html>