tor-browser

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

anchored-transition-display-none-001.html (722B)

      1 <!DOCTYPE html>
      2 <html id=html class="reftest-wait">
      3 <link rel="help" href="https://drafts.csswg.org/css-anchor-position-1">
      4 <link rel="match" href="anchored-transition-display-none-001-ref.html">
      5 This is visible.
      6 <div id="target">FAIL if this is visible</div>
      7 
      8 <style>
      9 div {
     10  position-area: end;
     11  position: absolute;
     12  border: 1px solid;
     13  transition-behavior: allow-discrete;
     14  transition-duration: 0.01s;
     15 }
     16 </style>
     17 <script>
     18  // Make sure that everything is loaded before changing styles, to ensure
     19  // that we actually get a transition.
     20  window.onload = ()=> {
     21    html.addEventListener('transitionend', () => {
     22      html.classList.toggle('reftest-wait')
     23    });
     24    target.style.display = "none";
     25  }
     26 </script>