layout/reftests/transform/table-overflowed-by-animation.html

   1 <!DOCTYPE html>
   2 <html class="reftest-wait">
   3 <style>
   4 @keyframes anim {
   5   /*
   6    * We need to use different transform functions to produce
   7    * UpdatePostTransformOverflow change hint, also these functions have to be
   8    * the same matrix to being the same position while running reftest.
   9    */
  10   from {
  11     transform: rotate(0deg);
  12   }
  13   to {
  14     transform: scale(1);
  15   }
  16 }
  17 </style>
  18 <table id="test" style="width: 100px; height: 100px; animation: anim 1s infinite;">
  19   <td style="transform: rotateZ(45deg); background-color: rgb(212, 61, 188);">
  20   </td>
  21 </table>
  22 <script>
  23 document.getElementById("test").addEventListener("animationstart", () => {
  24   requestAnimationFrame(() => {
  25     document.documentElement.classList.remove("reftest-wait");
  26   });
  27 });
  28 </script>
  29 </html>