mask-invalidation.html (762B)
1 <html class="reftest-wait"> 2 <svg> 3 <clipPath id=myClip> 4 <circle cx=100 cy=100 r=100 /> 5 </clipPath> 6 <g style="transform: translate(0px, 0)" clip-path="url(#myClip)"> 7 <!-- for some reason this first rect is needed to trigger the bug --> 8 <rect width=100 height=50 x=10 y=50 fill=green /> 9 <rect id=gr width=100 height=50 x=0 y=50 fill=red /> 10 </g> 11 <rect width=50 height=50 x=0 y=50 fill=green /> 12 </svg> 13 <script> 14 function blam() { 15 let gr = document.getElementById("gr"); 16 gr.setAttribute('fill', 'green'); 17 document.documentElement.removeAttribute("class"); 18 } 19 document.addEventListener("MozReftestInvalidate", function() { 20 requestAnimationFrame(function() { 21 blam(); 22 }); 23 }); 24 </script>