Rune Lillesveen
170f3c2336
Automatic update from web-platform-tests AdjustComputedStyle called multiple times for inertness If interactivity:inert is set on the base style, we should allow the sticky inert flag to be reset when animation effects are applied. Move the inertness bit setting to the end of style resolution instead to make sure we know what the final interactivity property value is. Had to use a separate flag for sticky CSS inertness separate from the HTML inertness flag. Keeping these flags separate means we could get back the AX devtools reasons from before [1]. [1] http://crrev.com/283387d34c990502d156a650692c5b9f7d79c272 Bug: 411250000 Change-Id: I824dd9117af412444f910166a7d00fc4f8043cb1 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/6477027 Reviewed-by: Anders Hartvoll Ruud <andruud@chromium.org> Commit-Queue: Rune Lillesveen <futhark@chromium.org> Reviewed-by: Robert Flack <flackr@chromium.org> Cr-Commit-Position: refs/heads/main@{#1451161} -- wpt-commits: 962196c7c09282e0289bf9e4d40dee990b6aac10 wpt-pr: 52152
31 lines
896 B
HTML
31 lines
896 B
HTML
<!DOCTYPE html>
|
|
<title>CSS Basic User Interface Test: animated interactivity:auto should not block click events</title>
|
|
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#inertness">
|
|
<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>
|