tor-browser

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

content-visibility-041.html (1022B)


      1 <!doctype HTML>
      2 <html class="reftest-wait">
      3 <meta charset="utf8">
      4 <title>Content Visibility: pseudo elements</title>
      5 <link rel="author" title="Rakina Zata Amni" href="mailto:rakina@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="subtree-visiblity hidden doesn't paint ::before or ::after">
      9 <script src="/common/reftest-wait.js"></script>
     10 
     11 <style>
     12 #container {
     13  width: 150px;
     14  height: 150px;
     15  background: lightblue;
     16 }
     17 #container::before {
     18  content: "FAIL! ";
     19  color: red;
     20 }
     21 .hasAfter::after {
     22  content: "FAIL!";
     23  background: red;
     24  color: white;
     25 }
     26 .hidden {
     27  content-visibility: hidden;
     28 }
     29 </style>
     30 <div id="log"></div>
     31 <div id="container" style="display:none;"></div>
     32 
     33 <script>
     34 async function runTest() {
     35  container.classList.add("hasAfter");
     36  container.classList.add("hidden");
     37  container.style = "";
     38  requestAnimationFrame(takeScreenshot);
     39 }
     40 
     41 window.onload = runTest;
     42 </script>
     43 </html>