- From: Tim Disney <notifications@github.com>
- Date: Sat, 20 Apr 2019 14:07:11 -0700
- To: whatwg/dom <dom@noreply.github.com>
- Cc: Subscribed <subscribed@noreply.github.com>
Received on Saturday, 20 April 2019 21:07:33 UTC
Although nested forms are [disallowed](https://html.spec.whatwg.org/multipage/forms.html#the-form-element), you can still construct a DOM with nested forms dynamically:
```js
let inner = document.createElement('form');
inner.setAttribute('id', 'inner');
let outer = document.createElement('form');
outer.setAttribute('id', 'outer');
outer.appendChild(inner);
document.body.appendChild(outer);
```
Oddly enough when you do this, a `submit` event dispatched from the inner form does not bubble up to the outer form.
```js
document.getElementById('outer').addEventListener('submit' e => {
  console.log('never fires for submit events dispatched on inner');
}, false);
```
This seems to be the case for all modern browsers (but not at least IE 11, I haven't tested earlier IEs).
I would think this behavior should be specified in the event [dispatch section](https://dom.spec.whatwg.org/#concept-event-dispatch) of the spec but I can't seem to find anything that would suggest the observed behavior. 
Am I just misreading the spec or is this behavior currently unspecified?
-- 
You are receiving this because you are subscribed to this thread.
Reply to this email directly or view it on GitHub:
https://github.com/whatwg/dom/issues/756
Received on Saturday, 20 April 2019 21:07:33 UTC