Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /web-animations/crashtests/length-interpolation-2.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<html class="test-wait">
<meta charset="utf-8">
<title>Length interpolation should not crash</title>
<body>
<marquee id="marquee">
<wbr id="wbr"></wbr>
</marquee>
</body>
<script>
// Lengths created via layout units are clamped to a maximum value.
async function rAF() {
return new Promise(resolve => {
requestAnimationFrame(() => {
requestAnimationFrame(() => {
resolve();
});
});
});
}
window.onload = async function() {
const anim = wbr.animate({ right: ['20%', '5e192pt'] },
{ duration: 1000 });
anim.currentTime = 900;
anim.pause();
marquee.animate({ zoom: ['68%', '100%'] },
{ duration: 1000 }).pause();
await rAF();
document.documentElement.classList.remove('test-wait');
}
</script>
</html>