chrome - input["file"] click() does not work when select element 'onchange' triggers it

Question

JsBin - http://jsbin.com/puri/7/edit

What is happening is I am trying to simulate .click() on file["input"] on two scenarios.

1. Trigger file["input"].click() when 'click' triggered on a button
2. Trigger file["input"].click() when 'change' triggered on a select

Scenarios 1 & 2 works on Firefox latest. But only 1 works on Chrome latest. What could be causing this problem? Is this how this is supposed to work?

I am on Mac osx 10.9.1

Answer 1

Using the click method does not always trigger handlers as expected, depending on it's origin, target and the browser used. For a more consistent outcome, use dispatchEvent with a custom click Event.

someNode.dispatchEvent(new Event('click'));