content-visibility-040.html (1097B)
1 <!doctype HTML> 2 <html class="reftest-wait"> 3 <meta charset="utf8"> 4 <title>Display Locking: absolute positioned in flex, which is in a hidden div.</title> 5 <link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org"> 6 <link rel="help" href="https://drafts.csswg.org/css-contain/#content-visibility"> 7 <link rel="match" href="container-ref.html"> 8 <meta name="assert" content="content-visibility hidden flex and abspos descendants don't paint"> 9 10 <script src="/common/reftest-wait.js"></script> 11 12 <style> 13 #container { 14 width: 150px; 15 height: 150px; 16 background: lightblue; 17 position: relative; 18 } 19 div > div { 20 width: 100px; 21 height: 100px; 22 background: red; 23 } 24 .hidden { 25 content-visibility: hidden; 26 } 27 .flex { display: flex; } 28 .abspos { position: absolute; } 29 </style> 30 31 <div id=container> 32 <div class=flex> 33 <div class=abspos></div> 34 </div> 35 </div> 36 37 <script> 38 async function runTest() { 39 document.getElementById("container").classList.add("hidden"); 40 requestAnimationFrame(takeScreenshot); 41 } 42 43 window.onload = requestAnimationFrame(() => requestAnimationFrame(runTest)); 44 </script>