1910256 - JavaScript file input events not working in Firefox, but work in Chrome and Edge

Status: UNCONFIRMED

(Core :: DOM: Core & HTML, defect)

Description

[Dan]

Attachment: recording_of_the_bug.mp4

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36 Edg/126.0.0.0

Steps to reproduce:

1. Create an HTML file with a file input element and JavaScript event listeners for 'change' events.
2. Open the HTML file in Firefox.
3. Select a file using the file input.
4. Observe that the event does not fire.
5. Open the same HTML file in Chrome or Edge and select a file.
6. Observe that the event fires correctly.

Actual results:

The 'change' event does not fire when a file is selected in Firefox.

Expected results:

The 'change' event should fire when a file is selected in the file input in Firefox, just as it does in Chrome and Edge.

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'Core::DOM: Core & HTML' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Comment 2

[Hsin-Yi Tsai (she/her) [:hsinyi]]

Hi Adam, would you please take a look at what's up in our code?

Comment 3

[Hsin-Yi Tsai (she/her) [:hsinyi]]

Attachment: Simple test case

Comment 4

[Hsin-Yi Tsai (she/her) [:hsinyi]]

Hi Reporter,
I wrote a simple test case and I got the "change" event filed as expected. Is this how you tested this? If not, and if you still see the problem, please attach a simple test case. And it's worthwhile testing with addons (if any) disabled.