javascript element.click() issue Safari

Question

On click of 'subButton2' button, 'uploadBtn'(display:none;) is clicked.

According to this it should be cross browser:

http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_html_click

Here is my code that works in chrome, opera and firefox but fails in safari:

var page = window.location.toString();
if(page.indexOf('register') !== -1){
    var subButton2 = document.getElementById("subButton2");
    subButton2.onclick = function () {
        var uploadBtn = document.getElementById("fileBtnHide");
        //THIS FAILS IN SAFARI IF uploadBtn style= display:none;
        uploadBtn.click();
    };
 };

***Only javascript, no jquery solutions, please

It's running on: http://monkey-me.herokuapp.com/register

The Photo button is the one that triggers the second button.

Answer 1

Instead of setting it to display none (which safari might interpret as disabled) hide it with some other css properties.

#fileBtnHide {
    height: 0;
    width: 0;
    opacity: 0;
    position: absolute;
}