tor-browser

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

dialog-backdrop-remove.html (727B)


      1 <!doctype html>
      2 <title>CSS Container Queries Test: ::backdrop disappearing conditionally on dialog 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 {
      7    /* Prevent multiple layout passes due to scrollbars */
      8    overflow: hidden;
      9    background: green;
     10  }
     11  dialog {
     12    container-type: size;
     13    width: 100px;
     14    height: 100px;
     15    visibility: hidden;
     16  }
     17  dialog::backdrop {
     18    display: block;
     19    background-color: red;
     20  }
     21  @container (width > 1px) {
     22    dialog::backdrop {
     23      display: none;
     24    }
     25  }
     26 </style>
     27 <dialog id="dialog"></dialog>
     28 <script>
     29  dialog.showModal();
     30 </script>