Safari on iOS 9 does not trigger click event on hidden input file
Three things are causing this problem:
At javascript, removing
return false;
of the event listener.At the stylesheet, the element which calls the action must have the property
cursor: pointer;
. Probably Apple put this requirement in these calls for best feedback on a user interface.Again at the stylesheet, we can't set
display: none;
for hidden input because some browsers don't accept clicks on elements that aren't displayed.
Link to a fixed example on JSFiddle
Putting the <input type="file"/>
on top of the fake button with position: absolute
and opacity: 0
works. You might also need to set the correct z-index and make the input 100% width and height so it catches the click on top of the button.
Source: https://forums.meteor.com/t/webkit-on-ios-ignores-trigger-click-on-file-input/29828