vuetify
vuetify copied to clipboard
vuetifyjs
[Bug Report] VFileInput prepend slot doesn't work
Environment
Vuetify Version: 2.1.9 Vue Version: 2.6.10 Browsers: Chrome 78.0.3904.70 OS: Mac OS 10.15.1
Steps to reproduce
See reproduction link.
Add a <template v-slot:prepend> to a <v-file-input>.
Expected Behavior
The set prepend slot should be used instead of the default value '$file' of the prepend-icon prop.
Actual Behavior
The prepend slot appears to be ignored completely.
Reproduction Link
https://codepen.io/Aukemid/pen/gOOXNGZ
Other comments
It seems impossible to use the prepend slot in a v-file-input. You can remove the default icon by giving the prepend-icon an empty string value, but setting a custom prepend slot has no effect. It does work for prepend-inner, append and append-outer.
Still happening. For me I can use the v-slot:prepend-inner but I need to also add prepend-icon="".
Q: In my case I added a button as a v-slot:prepend but when I click on it no open dialog (trigger click on input) is showing. Is this part of the issue or a normal behavior?
This bug still persists in vuetify 3.2.1 in the following form:
Steps to reproduce:
Add a <template v-slot:prepend> <v-icon> {{ some icon }} </v-icon></template> to a <v-file-input>.
Expected outcome:
Icon inside the v-slot:prepend should replace the default prepend icon.
Actual outcome:
The v-slot:prepend icon is placed next to the default prepend icon (both are visible).
Reproduction link:
Other comments:
The prepend slot is referenced in the documentation.
This is still an issue in 2.6.15. Is there a fix for this issue that is planned on being released? @johnleider
