tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

content-visibility-037.html (951B)

      1 <!doctype HTML>
      2 <html class="reftest-wait">
      3 <meta charset="utf8">
      4 <title>Content Visibility: hidden grid with positioned child</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 grid does not paint the subtree">
      9 
     10 <script src="/common/reftest-wait.js"></script>
     11 
     12 <style>
     13 #grid {
     14  display: grid;
     15  width: 150px;
     16  height: 150px;
     17  background: lightblue;
     18 }
     19 #positioned {
     20  position: absolute;
     21 }
     22 .hidden {
     23  content-visibility: hidden;
     24 }
     25 </style>
     26 
     27 <div id=grid>
     28  <div id=positioned>Test fails if this text is visible.</div>
     29 </div>
     30 
     31 <script>
     32 function runTest() {
     33  document.getElementById("grid").classList.add("hidden");
     34  requestAnimationFrame(takeScreenshot);
     35 }
     36 
     37 window.onload = () => requestAnimationFrame(runTest);
     38 </script>
     39 </html>