Problem with IE10

[klnjmm]

Hello,

I have a problem with IE10 and there is the same bug on your website.
In the "Advanced Example 3" demo, a single click on the browse button doesn't open the "Choose file to upload" window. I have to either click on the right on the block button or double click on it.
This problem is not present in Firefox or Chrome.

Is it possible to fix this bug ?

See gif file attached :

• First click : no effect
• Click on the right on the button : dialog open
• Double click : dialog open

[kartik-v]

I am not sure why.

Its been a real pain to do specific stuff separately for IE versions each time. Will need to check when I get time if there is any CSS fix for this.

[klnjmm]

Ok thanks. Hope you can find a solution easily.

[kartik-v]

Resolved via specific fix for IE10.

[klnjmm]

Hi,

Thanks for your reactivity. But I always have the problem : now, only double-clic work. One click on the button doesn't open the dialog.

[kevin2531]

I have the same issue

[alelom]

I solved this problem by using:

    if (navigator.userAgent.indexOf("MSIE 10") > 0) {
        $("#input-2").bind('mousedown', function (event) {
            $(this).trigger('click')
        });
    }
</script>

at the bottom of the HTML document where I'm using bootstrap-fileinput.
Just change "#input-2" to the ID of your button.
You can modify "MSIE 10" to a general "MSIE" so it works also for IE9 and 8.

This solved the double click instead of single click issue for IE10 for me.
Thanks to @nagyt234 for the proposed solution in tors/jquery-fileupload-rails.

tors/jquery-fileupload-rails#33 (comment)