title: Not triggering event when clicking an input (type=file) element in firefox
body: <p>I'm working with react on an app that has an  hidden to style and input and simulate a click when the styled input has focus</p>
  
  <pre><code>class UploadComponent extends React.Component {
  
   render() {
    return (
     &lt;div className="row"&gt;
       &lt;input type="file" className='hidden' ref="fileChooser"/&gt;
       &lt;input type="text" className="input-file" onFocus={this.onFocus.bind(this)} ref="fileName" /&gt;
     &lt;/div&gt;
    );
   }
  
   onFocus() {
       this.refs.fileChooser.getDOMNode().click();
   }
  
  
  } 
  </code></pre>
  
  <p>it's working correctly on Chrome and Safari but not on Firefox.</p>
  
  <p>I've found that it may be a bug on firefox,</p>
  
  <p>do you know if i'm doing something wrong?</p>