vuetifyjs
[Bug Report][3.5.3] Autocomplete Search not working with Vee-Validate
Environment
Vuetify Version: 3.5.3 Last working version: 3.4.6 Vue Version: 3.4.16 Browsers: Chrome 121.0.0.0 OS: Windows 10
Steps to reproduce
Try searching in the autocomplete component, and letters will only show in the search if they are pressed twice consecutively.
Expected Behavior
When typing in the autocomplete, the typed letters should appear and filter the list accordingly
Actual Behavior
When typing in the autocomplete, the letters do not appear and the list is not filtered correctly
Reproduction Link
https://codesandbox.io/p/sandbox/autocomplete-vee-validate-bug-6jsxj6
Other comments
This was working in version 3.4.6 so something in release 3.4.7 must have broken it. Note: you may need to refresh the sandbox preview in order for it to load
Subscribing to manifest I have the exact same issue. It also seems broken if used with item-value and item-text, only the value shows up.
I'm not familiar with Vee-Validate, but I can confirm that there were changes made to the VAutocomplete component between versions 3.4.6 and 3.4.7. When I tried out your example, I was seeing a weird issue, I had to press the same letter on the keyboard twice for it to take, and I would see warnings printed to the console such as:
[Vue warn]: Property "fieldLabel" was accessed during render but is not defined on instance.
at <Field name="Field" rules=undefined keep-value="" ... >
at <AutoComplete model-value=undefined field-name="Field" items= (5) ['Apple', 'Banana', 'Carrot', 'Durian', 'Eggplant'] ... >
at <App>
