How to implement guide with <input type='file'> not triggering change event in firefox 117
I'm prototyping a solution and I'm having an scenario where the change event for an `<input type='file'>` is not firing in Firefox 117. I have the following HTML structure: ```html <form id='uploadForm'> <input type='file' id='fileInput' /> <button type='submit'>Upload</button> </form> ``` And my JavaScript code to handle the change event looks like this: ```javascript const fileInput = document.getElementById('fileInput'); fileInput.addEventListener('change', function(event) { console.log('File selected:', event.target.files[0]); }); ``` In most browsers, this works fine, and I can see the console log when I select a file. However, in Firefox, no log appears when I select a file, and I don't see any JavaScript errors in the console. I've confirmed that other event listeners on the form are firing correctly, so it seems isolated to the file input. I also tried adding a wrapper around the input and using event delegation like this: ```javascript const form = document.getElementById('uploadForm'); form.addEventListener('change', function(event) { if (event.target.id === 'fileInput') { console.log('File selected:', event.target.files[0]); } }); ``` This didn't resolve the question either. I verified that the input is not disabled or read-only, and I've ensured that there are no CSS styles that might be interfering with the interaction, such as `pointer-events: none;`. I've tested this on multiple devices running Firefox 117, and the scenario continues. Is there a known bug with `<input type='file'>` in this version of Firefox, or is there something specific I might be overlooking that could cause the change event not to fire? I recently upgraded to Javascript 3.10.