| <!DOCTYPE html> |
| <meta charset="utf-8"> |
| <meta name="viewport" content="width=device-width,initial-scale=1"> |
| <title>Test focus is moved to the previously focused element when dialog is closed</title> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| <script src="/resources/testdriver.js"></script> |
| <script src="/resources/testdriver-actions.js"></script> |
| <script src="/resources/testdriver-vendor.js"></script> |
| |
| <body> |
| <dialog>Dialog in parent</dialog> |
| |
| <iframe srcdoc="<input><dialog> Dialog in child </dialog>"></iframe> |
| |
| <input> |
| <script> |
| test(() => { |
| window.onload = function() { |
| const iframe = document.querySelector("iframe"); |
| const input = iframe.contentDocument.querySelector("input"); |
| // <input> in the child document is focused |
| input.focus(); |
| |
| const dialog = document.querySelector("dialog"); |
| // <dialog> in the parent document is opened |
| dialog.showModal(); |
| dialog.close(); |
| |
| assert_equals(document.activeElement, iframe); |
| assert_equals(iframe.contentDocument.activeElement, input); |
| } |
| }, "Focus should move back from parent document to child document"); |
| |
| test(() => { |
| window.onload = function() { |
| const iframe = document.querySelector("iframe"); |
| const input = document.querySelector("input"); |
| // <input> in the parent document is focused |
| input.focus(); |
| |
| const dialog = iframe.contentDocument.querySelector("dialog"); |
| |
| // <dialog> in the child document is focused |
| dialog.showModal(); |
| dialog.close(); |
| |
| assert_equals(document.activeElement, input); |
| } |
| }, "Focus should move back from child document to parent document"); |
| </script> |
| </body> |
