| <!DOCTYPE html> |
| <meta charset="utf-8"> |
| <link rel="author" title="Joey Arhar" href="mailto:jarhar@chromium.org"> |
| <link rel="help" href="https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#form-submission-2"> |
| |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| |
| <iframe name=frame1 id=frame1></iframe> |
| <form id=form1 target=frame1 action="does_not_exist.html"> |
| <button id=submitbutton type=submit> |
| <span id=outerchild> |
| <span id=innerchild>submit</span> |
| </span> |
| </button> |
| </form> |
| |
| <script> |
| async_test(t => { |
| window.addEventListener('load', () => { |
| const frame1 = document.getElementById('frame1'); |
| frame1.addEventListener('load', t.step_func_done(() => {})); |
| |
| const submitButton = document.getElementById('submitbutton'); |
| submitButton.addEventListener('click', event => { |
| document.getElementById('outerchild').remove(); |
| document.getElementById('form1').submit(); |
| }); |
| |
| document.getElementById('innerchild').click(); |
| }); |
| }, 'This test will pass if a form navigation successfully occurs when clicking a child element of a <button type=submit> element with a onclick event handler which removes the button\'s child and then calls form.submit().'); |
| </script> |