Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-transitions/crashtests/transition-shape-outside-crash.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<html class="test-wait">
<meta charset="utf-8">
<title>shape-outside on transitioning element should not crash</title>
<input id="input" autofocus>
<style>
input {
transition: ease, 50ms;
shape-outside: padding-box;
color: rgb(0, 0, 0);
}
input.changed {
color: rgb(0, 128, 0);
}
</style>
<script>
const input = document.getElementById("input");
input.addEventListener("transitionend", () => {
document.documentElement.classList.remove("test-wait");
}, { once: true });
getComputedStyle(input).color;
input.classList.add("changed");
</script>