display-via-custom-prop-animation-crash.html (583B)
1 <!DOCTYPE html> 2 <html class="test-wait"> 3 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1941651"> 4 <style> 5 :root { 6 --disp: block; 7 } 8 9 @keyframes switch { 10 0% { --disp: none; } 11 100% { --disp: block; } 12 } 13 14 #target { 15 height: 100px; 16 width: 100px; 17 background-color: green; 18 animation: switch 0.5s; 19 display: var(--disp); 20 } 21 </style> 22 <div id="target"> 23 <div></div> 24 </div> 25 <script> 26 target.addEventListener("animationend", function() { 27 document.documentElement.classList = ""; 28 }) 29 target.getBoundingClientRect(); 30 </script>