HTML <input type='color'> not triggering change event in Firefox with custom event listener
I just started working with I'm collaborating on a project where I'm relatively new to this, so bear with me... I'm having an scenario with the `<input type='color'>` element in Firefox. The color input works as expected in Chrome and Edge, but when I try to listen for the change event in Firefox, it does not trigger my custom event listener. I've implemented the following code: ```html <input type='color' id='colorPicker' /> <script> const colorPicker = document.getElementById('colorPicker'); colorPicker.addEventListener('change', (event) => { console.log('Color changed to:', event.target.value); }); </script> ``` In Chrome and Edge, it logs the new color value correctly when I pick a new color, but in Firefox, nothing happens. I’ve also tried using the `input` event instead of `change`: ```html colorPicker.addEventListener('input', (event) => { console.log('Color picked:', event.target.value); }); ``` This still does not work in Firefox. I've checked the event listener registration and the element is not being manipulated by any other script. I am using Firefox version 93.0. Is there a known scenario with `<input type='color'>` in Firefox, or am I missing something here? Any insights would be greatly appreciated. I'm developing on Linux with Html. I'm coming from a different tech stack and learning Html. What's the best practice here?