tor-browser

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

top-layer-dialog-backdrop.html (599B)

      1 <!doctype html>
      2 <title>CSS Container Queries Test: ::backdrop depending on @container</title>
      3 <link rel="help" href="https://drafts.csswg.org/css-conditional-5/#container-queries">
      4 <link rel="match" href="top-layer-dialog-backdrop-ref.html">
      5 <style>
      6  html { background: green; }
      7  #container { container-type: inline-size; }
      8  @container (max-width: 200px) {
      9    ::backdrop { display: none; }
     10    #dialog { visibility: hidden; }
     11  }
     12 </style>
     13 <div id="container">
     14  <dialog id="dialog"></dialog>
     15 </div>
     16 <script>
     17  dialog.showModal();
     18  dialog.offsetTop;
     19  container.style.width = "100px";
     20 </script>