Skip to content

Commit cea07df

Browse files
authored
1 parent 3f4a851 commit cea07df

File tree

1 file changed

+42
-0
lines changed

1 file changed

+42
-0
lines changed
Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
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>

0 commit comments

Comments
 (0)