Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-ui/interactivity-inert-animated.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<title>CSS Basic User Interface Test: animated interactivity:auto should not block click events</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<style>
@keyframes --anim {
0% { interactivity: auto; }
}
#inert {
animation: --anim 10000s step-end;
interactivity: inert;
width: 100px;
height: 100px;
background: lime;
}
</style>
<div id="inert"></div>
<script>
let clicked = false;
inert.addEventListener('click', () => clicked = true);
promise_test(async () => {
await test_driver.click(inert);
assert_true(clicked);
}, "Click event should work for interactivity:auto animation");
</script>