1359658-1.html (978B)
1 <!doctype html> 2 <html class="reftest-wait"> 3 <head> 4 <meta charset=utf-8> 5 <title>Bug 1359658: Animation-only dirty descendants bit should be cleared 6 for display:none content</title> 7 </head> 8 <body> 9 <div id="ancestor"> 10 <svg> 11 <rect id="target" width="100%" height="100%" fill="lime"/> 12 </svg> 13 </div> 14 </body> 15 <script> 16 'use strict'; 17 18 const ancestor = document.getElementById('ancestor'); 19 const target = document.getElementById('target'); 20 21 document.addEventListener('DOMContentLoaded', () => { 22 const animation = target.animate({ color: [ 'red', 'lime' ] }, 23 { duration: 1000, iterations: Infinity }); 24 requestAnimationFrame(() => { 25 // Tweak animation to cause animation dirty bit to be set 26 animation.effect.updateTiming({ duration: 2000 }); 27 ancestor.style.display = "none"; 28 getComputedStyle(ancestor).display; 29 document.documentElement.className = ''; 30 }); 31 }); 32 </script> 33 </html>