tor-browser

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

style-change-during-transition.html (609B)

      1 <!DOCTYPE html>
      2 <html class="reftest-wait">
      3 <style>
      4 .container {
      5  visibility: visible;
      6  transition: visibility .2s;
      7 }
      8 
      9 .hidden {
     10  visibility: hidden;
     11 }
     12 </style>
     13 <div id="tooltip" class="container hidden">
     14  <div>
     15    <div>
     16      <strong>Text</strong>
     17    </div>
     18  </div>
     19 </div>
     20 <script>
     21 window.addEventListener("load", () => {
     22  requestIdleCallback(() => {
     23    tooltip.classList.remove("hidden");
     24    requestAnimationFrame(() => {
     25      requestAnimationFrame(() => {
     26        tooltip.style.zIndex = 2;
     27        document.documentElement.classList.remove("reftest-wait");
     28      });
     29    });
     30  });
     31 });
     32 </script>