interactivity-inert-animated.html (896B)
1 <!DOCTYPE html> 2 <title>CSS Basic User Interface Test: animated interactivity:auto should not block click events</title> 3 <link rel="help" href="https://drafts.csswg.org/css-ui-4/#inertness"> 4 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharnessreport.js"></script> 6 <script src="/resources/testdriver.js"></script> 7 <script src="/resources/testdriver-vendor.js"></script> 8 <style> 9 @keyframes --anim { 10 0% { interactivity: auto; } 11 } 12 #inert { 13 animation: --anim 10000s step-end; 14 interactivity: inert; 15 width: 100px; 16 height: 100px; 17 background: lime; 18 } 19 </style> 20 <div id="inert"></div> 21 <script> 22 let clicked = false; 23 inert.addEventListener('click', () => clicked = true); 24 25 promise_test(async () => { 26 await test_driver.click(inert); 27 assert_true(clicked); 28 }, "Click event should work for interactivity:auto animation"); 29 30 </script>