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