layout/reftests/css-transitions/style-change-during-transition.html

   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>