dialog-cancel-with-select.html (1176B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Test dialog modal is closed by escape key with select focused</title> 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-vendor.js"></script> 9 <link rel="help" href="https://bugs.webkit.org/show_bug.cgi?id=227534"> 10 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1322947"> 11 </head> 12 <body> 13 <p>Test dialog modal is closed by escape key with select focused</p> 14 <dialog id="dialog"> 15 <select> 16 <option value="one">one</option> 17 <option value="two">two</option> 18 </select> 19 </dialog> 20 21 <script> 22 setup({ single_test: true }); 23 24 const dialog = document.getElementById("dialog"); 25 const select = document.querySelector("select"); 26 27 dialog.addEventListener("close", function() { 28 assert_false(dialog.open, "dialog with select is closed"); 29 done(); 30 }); 31 dialog.showModal(); 32 assert_true(select == document.activeElement, "select element should be focused"); 33 34 test_driver.send_keys(document.documentElement, "\uE00C"); // ESC key 35 </script> 36 </body> 37 </html>