anim-change-display-none-for-ancestor-elem.html (734B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <title>Test animation in a subtree that dynamically becames 'display:none'</title> 5 </head> 6 <body style="background-color: lime;"> 7 <div id="target"> 8 <svg> 9 <rect width="100%" height="100%" fill="blue"> 10 <animate attributeName="fill" from="brown" to="red" dur="100s"/> 11 </rect> 12 </svg> 13 </div> 14 <script> 15 document.addEventListener('MozReftestInvalidate', function() { 16 var target = document.getElementById("target"); 17 target.style.display = "none"; 18 19 requestAnimationFrame(function(time) { 20 document.documentElement.removeAttribute("class"); 21 }); 22 }); 23 </script> 24 </body> 25 </html>