title: Click() on <input type="file" /> not opening file dialog
body: <p>i am making a chrome extension, when i click on the input of type file programmatically this warning appears but when i do it in the chrome console it opens the file dialog.</p>
  <p><a href="https://i.stack.imgur.com/UrVRR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UrVRR.png" alt="Warning in console which  click from extension" /></a></p>
  <p>i have tried both of these ways</p>
  <pre><code>document.querySelectorAll('.text-xs-center.font-weight-bold.file-upload-center-table')[0].click()
  </code></pre>
  <p>and</p>
  <pre><code>document.querySelectorAll('.text-xs-center.font-weight-bold.file-upload-center-table')[0].dispatchEvent(new Event('click', { bubbles: true }));
  </code></pre>
  <p>Both them works in console but when with extension the warning appears</p>