[Bug Report][4.0.4] VAutocomplete keyboard navigation broken with many items

[stefandesu]

Environment

Vuetify Version: 4.0.4
Vue Version: 3.5.17
OS: macOS 10.15 (current)

Steps to reproduce

1. Create a VAutocomplete with lots of items (e.g. 100)
2. Click on it for the menu to open
3. Press arrow-up

Expected Behavior

Using the arrow keys navigates through all the items. Pressing arrow-up on the top item should go to the last item. Pressing arrow-down on the last item should go to the top item.

Actual Behavior

The list that is used for keyboard navigation seems to be only a subset of the items. Pressing arrow-up right after opening the list with 100 items goes to item 50 instead of item 100. This subset seems to move depending on what you do. I have witnessed it jumping back up even without reaching the last item and vice-versa.

Reproduction Link

https://play.vuetifyjs.com/#...

Images

[KaelWD]

Looks like this has been broken since #17265 in v3.3.7 somehow.

[stefandesu]

@KaelWD It must have been broken for a while, I just haven't gotten around to making a bug report. We basically made our own version of it (which has the advantage of being able to make it behave exactly like we want it to, but we're so deep into Vuetify that it would have been nice to be able to use VAutocomplete with minor adjustments instead).