summaryrefslogtreecommitdiffstats
path: root/layout/reftests/svg/mask-invalidation.html
blob: 2866c1f6923e75c0a0aa6c96b03b0a7014845ea9 (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
<html class="reftest-wait">
<svg>
     <clipPath id=myClip>
          <circle cx=100 cy=100 r=100 />
    </clipPath>
    <g style="transform: translate(0px, 0)" clip-path="url(#myClip)">
          <!-- for some reason this first rect is needed to trigger the bug -->
          <rect width=100 height=50 x=10 y=50 fill=green />
          <rect id=gr width=100 height=50 x=0 y=50 fill=red />
    </g>
    <rect width=50 height=50 x=0 y=50 fill=green />
</svg>
<script>
  function blam() {
    let gr = document.getElementById("gr");
    gr.setAttribute('fill', 'green');
    document.documentElement.removeAttribute("class");
  }
document.addEventListener("MozReftestInvalidate", function() {
    requestAnimationFrame(function() {
    blam();
  });
});
</script>