tor-browser

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

popover-hidden-appearance.html (798B)

      1 <!DOCTYPE html>
      2 <meta charset="utf-8" />
      3 <link rel="author" href="mailto:masonf@chromium.org">
      4 <link rel=help href="https://html.spec.whatwg.org/multipage/popover.html">
      5 <link rel=help href="https://issues.chromium.org/issues/393947100">
      6 <link rel="match" href="/compat/green-ref.html">
      7 
      8 <div popover></div>
      9 <div id=blocker></div>
     10 
     11 <style>
     12  div {
     13    position: fixed;
     14    inset:auto;
     15    top:8px;
     16    left:8px;
     17    width: 100px;
     18    height: 100px;
     19    padding:0;
     20    border:0;
     21  }
     22  [popover] {
     23    display:block;
     24    background-color:red;
     25  }
     26  #blocker {
     27    background-color:green;
     28  }
     29 </style>
     30 
     31 <script>
     32  const popover = document.querySelector('[popover]');
     33  popover.showPopover();
     34  popover.hidePopover();
     35  // The popover should still be display:block, but not in the top layer.
     36 </script>