tor-browser

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

dialog-popover-overlay.html (590B)

      1 <!DOCTYPE html>
      2 <meta charset="utf-8">
      3 <link rel=author href="mailto:masonf@chromium.org">
      4 <link rel=help href="https://issues.chromium.org/issues/388538944">
      5 <link rel=match href="dialog-popover-overlay-ref.html">
      6 
      7 <dialog open popover></dialog>
      8 <div class=blocker></div>
      9 
     10 <style>
     11 * {
     12  margin: 0;
     13  padding: 0;
     14 }
     15 dialog,div {
     16  left: 0;
     17  top: 0;
     18  border: 0;
     19  width: 300px;
     20  height: 300px;
     21  background: green;
     22 }
     23 .blocker {
     24  contain: layout;
     25  background: red;
     26 }
     27 </style>
     28 
     29 <script>
     30  const dialog = document.querySelector('dialog');
     31  dialog.showPopover();
     32  dialog.blur();
     33 </script>