[Bug Report][3.7.4] v-autocomplete placeholder text missing after manual reset
Environment
Vuetify Version: 3.7.4 Vue Version: 3.5.13 Browsers: Chrome 131.0.0.0 OS: Windows 10
Steps to reproduce
Select a value in the autocomplete Reset the value by updating the model in code (dont click the clear action)
Expected Behavior
The autocomplete shows placeholder text The autocomplete shows no clear icon, cause we have no value selected!
Actual Behavior
The autocomplete shows as empty The autocomplete shows a clear icon on hover
Reproduction Link
https://play.vuetifyjs.com/#...
Other comments
some workaround i found is to set the current selected value used for v-model also as key for the combobox, which will make vue rerender it ony every selection change :(
I believe the first point of the issue is an expected behavior according to this PR.
Duplicate of https://github.com/vuetifyjs/vuetify/issues/20660
This also goes for the placeholder resetting etc. The element isn't "reset" even when you manually set the v-model to null.
https://play.vuetifyjs.com/#eNpdUUFugzAQ/MrKF1opDfeIRG2fUPUWcjDOprJqbMteuCD+3rVNEqiQgPHO7M6Oz5OIQdUf3u/HAcVBNIS9N5Lw1FqAZnyT3uffDJSzJLXFsBzlw5sL/QMXzUBOOe6DhM8CgJEdmmMrvjFSK9aV8a1311y7aTTXuO/jz5Zx0OwsMiF/tzVlUAbZmdWw+umw3lhM8P8abLkjC+/KaPW78QBHsIMxrTh9YURKYmbeZT7gaZoKe56bOuEcG9NKbk29ypNhVEF7Am41lFh1710gmCCgVKRHhBluwfVQ8X1UScPrORsJyhg2dGe+TMUG2zxA1UnLT7VLZ/PrWpgDY9250CcgTQZZwrdusNrBKM2QMFtmDHPusSZ+Lr0fzGXYQr2kPctmvJOYdymy/Lr8AezPvzs=
Calling $refs.myForm.reset() seems like a good-enough workaround for now.
Or even easier... track v-model:search and null one more ref search.value = null (demo)
https://github.com/vuetifyjs/vuetify/issues/21392#issuecomment-2865205230
Fixed by #22114 in v3.10.3