| <!doctype html> |
| <html> |
| <head> |
| <title>PointerEvent: Events still bubble to ancestors with pointer-events: none </title> |
| <meta name="viewport" content="width=device-width"> |
| <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> |
| #wrapper:active { |
| pointer-events: none; |
| } |
| </style> |
| </head> |
| <body> |
| <div id="parent"> |
| <div id="wrapper"> |
| <button>click me</button> |
| </div> |
| </div> |
| |
| <script> |
| promise_test(function() { |
| const parentClickedPromise = new Promise(r => { |
| document.getElementById("parent").addEventListener("click", r); |
| }); |
| |
| const click = test_driver.click(document.querySelector("button")); |
| |
| return Promise.all([click, parentClickedPromise]); |
| }) |
| </script> |
| </body> |