Double-click required in IE 10 on Win 8

[ItWorksOnMyMachine]

When using just a regular file input you only have to click the browse button once for IE 10 to show the file picker dialog.

Once you've called fileupload on the form then you have to doubleclick Add files to get the file picker dialog to appear. This issue shows itself on the main demo site here: http://blueimp.github.com/jQuery-File-Upload/

[d3xtro]

I thought XHR is no longer supported by IE10 so the actual file uploading won't work either.

[ItWorksOnMyMachine]

They couldn't drop support of XHR without breaking the web. :) IE is VERY standards compliant and supports pretty much everything it did before, and quite a bit more. The one-upon-a-time-called-metro version doesn't support plugins, but the desktop still does. Not sure plugins will be relevant much longer anyway.

[blueimp]

I will look into this as soon as possible.
There seems to be some issues left with IE10, but in general, its API support for multiple file upload, drag&drop etc. is there.

[blueimp]

There is actual an older issue regarding IE10 support: #1180
So I will close this one and update the status on the referenced issue.

[dotnetwise]

I can still replicate this bug on IE10 ! http://screencast.com/t/IZlR5Yp6bw

Applying this correct css, fixes the issue!

[velchev]

which correct css?

[d3x7ro]

I am guessing the CSS in the most recent version.

[velchev]

well, yes... I tried with that and got the same problem. It works if you click outside the text but on the button... If someone have more cleaner working version, will be much more easier to localize the problem

[sbrandwoo]

For anyone having trouble with this, you need to apply certain CSS rules in order to position the file uploader control in the correct position, such that the user clicks on the "Browse" part of the uploader, rather than within the text field to the left of it. Clicking the button gives single-click behaviour, but clicking the text field gives double-click behaviour.

The image below shows a slightly modified demo, to illustrate how it makes single-click work, the "Browse" part of the default file uploader is expanded and positioned inside the "Select files..." button, with the opacity of the control set to 0 such that the user can't see it. The blue line shows size of the actual upload control.

So in short, try copying the demo's CSS more closely, and you should be able to get similar functionality.

[blueimp]

Thanks for helping out, @sbrandwoo