HTML <input type='file'> not triggering change event in Safari with multiple file selection
I've spent hours debugging this and I'm testing a new approach and I've looked through the documentation and I'm still confused about I'm having a frustrating scenario with the `<input type='file'>` element in Safari, specifically when allowing multiple file uploads. I've set up my input like this: ```html <input type='file' id='fileInput' multiple /> ``` I also added an event listener to handle the change event: ```javascript const fileInput = document.getElementById('fileInput'); fileInput.addEventListener('change', function(event) { const files = event.target.files; console.log('Files selected:', files); }); ``` On Chrome and Firefox, everything works flawlessly, and I can see the files printed in the console when I select multiple files. However, in Safari (latest version 16.0), the change event does not seem to trigger at all when I select files. I've tested this on macOS as well as iOS, and the behavior is consistent. I've also tried using the `input` event instead of `change`, but that didn't help either. No errors are thrown in the console, and there are no restrictions on file types or sizes in my implementation. Is there something specific to Safari that I might be missing, or is there a known bug regarding the `<input type='file'>` with multiple files? Any insights or workarounds would be greatly appreciated, as I'm exploring on this and need it to work across all browsers. What's the best practice here? I'm using Html stable in this project. What are your experiences with this? My development environment is Windows 11. Thanks, I really appreciate it! I'm developing on macOS with Html.