tor-browser

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

content-visibility-with-top-layer-000.html (846B)

      1 <!doctype html>
      2 <html class="reftest-wait">
      3 <meta charset="utf8">
      4 <title>CSS Content Visibility: dialog doesn't show when hidden</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 class="box hidden">
     18 Fail
     19 <dialog id=dialog>Fail<div id=inner></div></dialog>
     20 </div>
     21 
     22 <script>
     23 function runTest() {
     24  dialog.showModal();
     25  takeScreenshot();
     26 }
     27 
     28 onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
     29 </script>