File tree Expand file tree Collapse file tree 1 file changed +42
-0
lines changed
scroll-animations/crashtests Expand file tree Collapse file tree 1 file changed +42
-0
lines changed Original file line number Diff line number Diff line change
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 >
You can’t perform that action at this time.
0 commit comments