Vuetify: [Bug Report] VFileInput does not work with Safari on MacOS or iOS

[ChrisLandowski]

Versions and Environment

Vuetify: 2.0.0
Vue: 2.6.10
Browsers: Safari 12.1.1
OS: Mac OS 10.14.5

Steps to reproduce

Select a file

Expected Behavior

The filename should be displayed in the File Input component

Actual Behavior

Nothing is in the File Input component

Reproduction Link

https://codepen.io/anon/pen/RXaPOX?&editable=true&editors=101

Other comments

None of the examples at https://vuetifyjs.com/en/components/file-inputs show the selected filename when using Safari on both MacOS and iOS.

[johnleider]

@KaelWD has access to an iPad so I'm blaming this one on him

[Anton-vBR]

I experienced the same issue on Chrome (updated 5th August)

[nekosaur]

@Anton-vBR Did you experience it using the reproduction link in this issue? Which version of Chrome, which OS?

[Anton-vBR]

@nekosaur

OS: Ipad 12.2
Browser: Chrome 76.0.3809.81

Reproduction Link (same as above)
https://codepen.io/anon/pen/RXaPOX?&editable=true&editors=101

(also tried on Iphone 7)

Edit: I'll have a look at versioning later today and compare to standard file-inputs.

[tgduke]

I experience the same on my own site and in the links provided here, but if I use it on vuetify https://vuetifyjs.com/en/components/file-inputs it works fine.

[Anton-vBR]

@tgduke looking at the codepen linked from the site the Vuetify version is 2.0.7 whereas the links here are 2.0.0. I’ll try to upgrade later.

[tgduke]

@Anton-vBR I will try to downgrade to version 2.0.0 and see if it is a bug introduced in 2.0.7 or inbetween

[tgduke]

Still not working with downgrade. Maybe it is related to v-model. Trying to remove it and making a new deploy.

[sophiews-up]

Any update on this?

[jacekkarczmarczyk]

We kindly ask users to not comment on closed/resolved issues. If you believe that this issue has not been correctly resolved, please create a new issue showing the regression or reach out to us in our Discord community.

Thank you for your contribution and interest in improving Vuetify.

[0x77dev]

Same issue here...

[MingYang2008]

This bug still exists in the latest version. Only after click the placeholder or label text, it is normal to click other places.

[0x77dev]

Just tested it out, it works on Chrome for iOS.

[Meowzz95]

Same issue here, on iOS safari, sometimes works sometimes not

[nekosaur]

As already mentioned, please create a new issue with a reproduction in the latest version of vuetify. Thank you.