scroll-timeline-completion-crash.html (1028B)
1 <!DOCTYPE html> 2 <title>This test passes if it does not crash</title> 3 <link rel="help" src="https://drafts.csswg.org/scroll-animations-1/"> 4 <script src="/web-animations/testcommon.js"></script> 5 6 <style> 7 @keyframes grow-progress { 8 from { background-color: green; } 9 to { background-color: red; } 10 } 11 12 #container { 13 overflow: scroll; 14 width: 100px; 15 height: 100px; 16 animation: grow-progress linear forwards; 17 animation-timeline: scroll(self); 18 } 19 20 #content { 21 width: 200px; 22 height: 200px; 23 } 24 </style> 25 <body onload="runTest()"> 26 <div id="container"> 27 <div id="content"></div> 28 </div> 29 <script> 30 31 async function runTest() { 32 const container = document.getElementById("container"); 33 container.scrollTo(0, container.scrollHeight - container.clientHeight); 34 await waitForNextFrame(); 35 36 const elem = document.getElementById("content"); 37 elem.style.width = "0px"; 38 elem.style.height = "0px"; 39 40 await waitForNextFrame(); 41 } 42 </script>