tor-browser

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

content-visibility-with-top-layer-002.html (939B)

      1 <!doctype html>
      2 <html class="reftest-wait">
      3 <meta charset="utf8">
      4 <title>CSS Content Visibility: dialog doesn't show when hidden after render</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="top layer dialogs don't render when in skipped subtrees">
      9 
     10 <script src="/common/reftest-wait.js"></script>
     11 
     12 <style>
     13 .box { width: 150px; height: 150px; background: lightblue }
     14 .hidden { content-visibility: hidden }
     15 </style>
     16 
     17 <div id=container class=box>
     18 content
     19 <dialog id=dialog>dialog<div id=inner></div></dialog>
     20 </div>
     21 
     22 <script>
     23 function runTest() {
     24  container.classList.add("hidden");
     25  dialog.showModal();
     26  inner.getBoundingClientRect();
     27 
     28  takeScreenshot();
     29 }
     30 
     31 onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
     32 </script>