title: Browser support for opening FILE input dialog with JavaScript
body: <p>From what I've been reading, opening a <code>&lt;input type="file"&gt;</code> file browse dialog through JavaScript has issues in some browsers. It appears that Firefox and Opera have the most problems with this. The typical recommendation I've seen is to put the <code>&lt;input type="file"&gt;</code> on top of your click element and set it's opacity to 0. Obviously that is not an ideal solution.</p>
  
  <p>I have the code below:</p>
  
  <pre><code>&lt;div style="position: absolute; overflow: hidden; width: 1px; height: 1px; opacity: 0;"&gt;
      &lt;input type="file" id="fileInput" name="files[]" multiple="multiple" /&gt;
  &lt;/div&gt;
  &lt;input type="button" value="Open" onclick="$('#fileInput').trigger('click')" /&gt;
  </code></pre>
  
  <p>I've tested this in IE8, Chrome (newer version), and Firefox (newer version). In all of these this code works fine.</p>
  
  <p>I'm wondering, does anybody know which browsers this code will have problems with? I want to support IE8+ and all of the relatively newer versions of Chrome, Firefox, and Opera.</p>