1734040 - HTMLSelectElement's input and change events do not have composed true set

Status: RESOLVED FIXED

(Core :: DOM: Forms, defect)

Description

[Elliott Marquez]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.61 Safari/537.36

Steps to reproduce:

live repro here:
https://jsbin.com/zahocodiwo/edit?html,output

I want to add an event listener to a custom element that listens to the input and change events of a <select> inside the shadow root. Steps to repro:

1. Place a select with options inside a shadow root of a custom element
2. set an input or a change event listener on the custom element
3. between values on the custom element
4. observe event listeners don't get called

Actual results:

Event listeners on the shadow root host do not get called because the input and change events are both composed: false

Expected results:

Event listeners on the shadow root host should get called and the input and change events both have composed: true

FWIW the <input> element has bubbles & composed both as true for the input event (not change).

Comment 2

[Emilio Cobos Álvarez (:emilio)]

Attachment: Bug 1734040 - Select input event should be composed. r=edgar,annevk

This matches other browsers and input elements.

Comment 3

[Emilio Cobos Álvarez (:emilio)]

Change events are not composed for inputs, nor in other browsers, and I think that's probably fine?

Comment 4

[Anne (:annevk)]

Yeah, this was in fact discussed and I forgot about it: https://github.com/whatwg/html/issues/5453#issuecomment-885222243. Thanks for pointing that out!

Comment 5

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/a9f7ec48cde9
Select input event should be composed. r=edgar,annevk

Comment 6

[Natalia Csoregi [:nataliaCs]]

https://hg.mozilla.org/mozilla-central/rev/a9f7ec48cde9