layout/reftests/display-list/1677568-1.html

   1 <!DOCTYPE html>
   2 <html class="reftest-wait">
   3 <head>
   4                 <style>
   5                         a:hover { color: rgb(0, 86, 179); }
   6                         .d-relative { position: relative; }
   7                         .d-inline { display: inline;}
   8                         .d-flex { display: flex; }
   9                 </style>
  10         </head>
  11         <body>
  12                 <div class="d-flex">
  13                         <div>
  14                                 <div class="d-inline d-relative">
  15                                         <a href="#">
  16                                                 --
  17                                         </a>
  18                                         <div style="position: absolute; transform: translate(0px, 160px);">
  19                                                 <a id="target" href="#">i vanish on-hover in Firefox</a>
  20                                         </div>
  21                                 </div>
  22                         </div>
  23                 </div>
  24
  25 <script>
  26         function doTest() {
  27                 var elem = document.getElementById("target");
  28                 elem.style.color = "rgb(0, 86, 179)";
  29                 document.documentElement.removeAttribute("class");
  30         }
  31         document.addEventListener("MozReftestInvalidate", doTest);
  32 </script>
  33
  34 </body></html>