Native upload button visible in latest Google Chrome

[mm98]

This is a bugfix.

Proposed solution

The recent Google Chrome on Windows and Mac seams to make the native file upload button visible, even though it should be hidden (which it is in Firefox and IE). I've managed to narrow it down to css height and width has no effect on the button itself, but only the text-field on the right. This solves #1969 and #1904.

Tradeoffs

The .file-input can't be set to display: none or visibility: hidden, since third-party plugins (like jQuery Validate) can't focus on the element. Twitter Bootstrap uses opacity: 0, and this works very well with third-party plugins.

Testing Done

Has tested on Windows 10 with Google Chrome, Firefox, Internet Explorer, Microsoft Edge and Safari (iOS).

[kornicameister]

Yeah, that struck my project as well.
@jgthms do you think it'd be doable to pull in this fix as part of 0.7.2, if that's not out already ?

[kornicameister]

FYI: This only occurs in Chrome <= 69. I am also running unstable Chrome >=71 and that issue is not present there.