No he podido encontrar la respuesta correcta a mi problema hasta ahora.

Tengo un formulario HTML con dos entradas de archivo. Para reducir los clics de los usuarios, me gustaría activar la entrada del segundo archivo después de seleccionar el primer archivo.

Desafortunadamente hasta ahora no he podido lograr esto.

Aquí está mi intento:

 document.getElementById("firstFile").addEventListener('change', (event) => { document.getElementById("secondFile").click(); });

Si bien esto funciona en Chrome sin problemas, otros navegadores son una historia diferente: Safari no tiene ningún resultado y Firefox inicia sesión en la consola.

<input> picker was blocked due to lack of user activation.

¿Cuáles son las posibles soluciones y es esto posible? ¡Gracias!