JSFiddle - React, Tailwind, and code Playground
HTML
<input id="a" type="file" style="display:none;">
<input id="b" type="button" value="Trigger Click Event">
JavaScript
$(function() {
// Trigger Click Event at Load - Doesn't Work
$('#a').click();
// Trigger Click Event at Timeout - Doesn't Work
window.setTimeout(function(){
$('body').append('<br>timeout');
$('#a').click();
}, 3000);
// Trigger Click Event at User Click *On Something Else* - Works
$('#b').click(function() {
$('#a').click();
});
});