Estoy usando un selector de color en mi proyecto usando la entrada <tipo = "color">. Mientras usa Chrome, todo funciona bien, el selector de color se puede cerrar haciendo clic en cualquier parte del navegador y también cuando actualizo o cierro la pestaña actual. Sin embargo, en el caso del navegador Firefox, hay un botón de cierre muy específico para cerrar el selector de color y cuando actualizo o cierro la pestaña actual, el selector de color permanece allí a menos que lo cierre con el botón correspondiente.

Encontré una solución mencionada en ¿Cómo cerrar un selector de color html5? pero la siguiente solución tampoco es efectiva para Firefox:

 var input = document.getElementById('my-color'); // when you click the color picker, we'll run our code to close it after 2 seconds. input.addEventListener('focus', function() { setTimeout(()=>{ // toggle the type attribute to close the picker! input.setAttribute('type','text'); input.setAttribute('type','color'); }, 2000); }); <input type="color" value="#ffaacc" id="my-color"/> <- Click me

¿Cómo puedo replicar el comportamiento de Chrome para Firefox también?