Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-animations/crashtests/multiple-same-animations-asan.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<html class="test-wait">
<meta charset="utf-8">
<title>Two animations with same keyframe name and different timings should not crash</title>
<style>
#target {
animation: test 1s, test 2s;
}
@keyframes test {
to { color: green; }
}
</style>
<div id="target"></div>
<script>
// Wait a frame to let the animations get created.
requestAnimationFrame(function() {
// Force the next style recalc to be non-animation triggered.
target.style.color = 'blue';
requestAnimationFrame(() => {
document.documentElement.classList.remove('test-wait');
});
});
</script>