[BUG] input file with display:none to hide loading state

[touchweb-vincent]

Hello,

I encounter a bug when putting display:none on the input (to hide the ugly native box while loading page)

If you drag and drop a file, it bypass your widget and show the file within the browser.

Any idea ?

Thanks you,

Regards,

V

[touchweb-vincent]

Here is a trick :

$('.dropify').dropify({ messages: { 'default': 'Glisser et déposer vos fichiers ici', 'replace': 'Glisser et déposer ou cliquer pour remplacer vos fichiers.', 'remove': 'Supprimer', 'error': 'Ooops, quelque chose ne s\'est pas passée comme prévu.' }, error: { 'fileSize': 'Le fichier est trop gros. ({{ value }} max).', 'minWidth': 'La largeur de l\'image est trop petite ({{ value }}}px min).', 'maxWidth': 'La largeur de l\'image est trop grande ({{ value }}}px max).', 'minHeight': 'La hauteur de l\'image est trop petite ({{ value }}}px min).', 'maxHeight': 'La hauteur de l\'image est trop grande ({{ value }}px max).', 'imageFormat': 'Le format d\'image n\'est pas autorisé ({{ value }} uniquement).', 'fileExtension' : 'Cette extension de fichier n\'est pas autorisée. ({{ value }} uniquement).' } }); $('.dropify').css('display','block');

[touchweb-vincent]

Note : This doesn't fix problem under IE11.

[JeremyFagis]

Have you a screenshot and/or more details please ?