form-submit-dialog-shadow.html (739B)
1 <!DOCTYPE html> 2 <link rel=author href="mailto:jarhar@chromium.org"> 3 <link rel=help href="https://github.com/whatwg/html/issues/7971"> 4 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharnessreport.js"></script> 6 7 <dialog> 8 <div id=host> 9 <template shadowrootmode=open> 10 <form method=dialog> 11 <button>close</button> 12 </form> 13 </template> 14 </div> 15 </dialog> 16 17 <script> 18 test(() => { 19 const dialog = document.querySelector('dialog'); 20 const host = document.getElementById('host'); 21 const button = host.shadowRoot.querySelector('button'); 22 23 dialog.showModal(); 24 button.click(); 25 assert_true(dialog.open); 26 }, '<form method=dialog> should not submit across shadow boundaries.'); 27 </script>