tor-browser

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

content-visibility-with-top-layer-hide-after-addition.html (942B)

      1 <!doctype html>
      2 <html class="reftest-wait">
      3 <meta charset="utf8">
      4 <title>CSS Content Visibility: dialog doesn't show when hidden after showModal()</title>
      5 <link rel="author" title="Martin Robinson" href="mailto:mrobinson@igalia.com">
      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 FAIL
     19 <dialog id=dialog>FAIL<div id=inner></div></dialog>
     20 </div>
     21 
     22 <script>
     23 function runTest() {
     24  dialog.showModal();
     25  inner.getBoundingClientRect();
     26 
     27  container.classList.add("hidden");
     28 
     29  takeScreenshot();
     30 }
     31 
     32 onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
     33 </script>