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/non-interpolable-transition.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<html class="test-wait">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Non-interpolable transition</title>
<!-- crbug.com/422811234 -->
</head>
<body>
<div class="transition"></div>
</body>
<style>
.transition {
transition-delay: 0.1s;
}
.update {
/* Transition from initial value with units to one without must not crash */
stroke-width: calc(1px/1px);
}
</style>
<script>
requestAnimationFrame(() => {
requestAnimationFrame(() => {
document.body.className = "update";
requestAnimationFrame(() => {
document.documentElement.classList.remove('test-wait');
});
})
});
</script>
</html>