content-visibility-with-popover-top-layer-004.html (947B)
1 <!doctype html> 2 <html class="reftest-wait"> 3 <meta charset="utf8"> 4 <title>CSS Content Visibility: popover shows under c-v auto</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="spacer-with-popover-top-layer-ref.html"> 8 <meta name="assert" content="top layer popovers 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 auto"> 20 content 21 <div popover id=popover>PASS<div id=inner></div></div> 22 </div> 23 24 <script> 25 function runTest() { 26 popover.showPopover(); 27 takeScreenshot(); 28 } 29 30 onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest)); 31 </script>