dialog-light-dismiss-drag.html (1154B)
1 <!DOCTYPE html> 2 <link rel=author href="mailto:jarhar@chromium.org"> 3 <link rel=help href="https://issues.chromium.org/issues/425579196"> 4 <link rel=help href="https://github.com/w3c/pointerevents/issues/542"> 5 <script src="/resources/testharness.js"></script> 6 <script src="/resources/testharnessreport.js"></script> 7 <script src="/resources/testdriver.js"></script> 8 <script src="/resources/testdriver-actions.js"></script> 9 <script src="/resources/testdriver-vendor.js"></script> 10 11 <button id=outside>outside dialog</button> 12 <dialog closedby=any>dialog</dialog> 13 14 <script> 15 const dialog = document.querySelector('dialog'); 16 const outside = document.getElementById('outside'); 17 18 promise_test(async () => { 19 dialog.showModal(); 20 assert_true(dialog.open, 'dialog should be open after showModal().'); 21 await (new test_driver.Actions() 22 .pointerMove(0, 0, {origin: dialog}) 23 .pointerDown() 24 .pointerMove(0, 0, {origin: outside}) 25 .pointerUp()) 26 .send(); 27 assert_true(dialog.open, 'dialog should still be open after clicking and dragging.'); 28 }, 'Dialog should not light dismiss when clicking inside the dialog and dragging outside of it.'); 29 </script>