search

vuetifyjs / vuetify

🐉 Vue Component Framework
https://vuetifyjs.com
MIT License
39.96k stars 6.96k forks source link

[Bug Report][3.5.3] Autocomplete Search not working with Vee-Validate #19195

Open thomasread99 opened 9 months ago

thomasread99 commented 9 months ago

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

hrfmartins commented 6 months ago

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.

MatthewAry commented 5 days ago

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>