[Bug Report][3.10.6] VAutocomplete with selection - scrolling down skips hundreds of items · vuetifyjs/vuetify#22531

(3 comments) (3 reactions) (0 assignees)TypeScript (40,995 stars) (7,139 forks)batch import

C: VAutocompleteT: bugT: regressiongood first issue

説明

Environment

Vuetify Version: 3.11.6 Vue Version: 3.5.27 OS: macOS 10.15 (current)

Steps to reproduce

Create an autocomplete with many items, a couple hundred at least, set an initial value somewhere in the list
Click on autocomplete to bring up menu
Hover over menu and scroll slightly with mouse wheel

Expected Behavior

Scrolling in autocomplete menu starts smoothly from initial scroll position

Actual Behavior

When starting to scroll the scroll position jumps away from the initial scroll position. In the example it jumps from 100 to 145 immediately and from there it's smooth again.

Reproduction Link

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

https://github.com/user-attachments/assets/a2640e8f-156c-4c84-acef-5b9145358a75

コントリビューターガイド

技術スタック: vuetypescript
領域: frontend
Issue 種別: bug
難度: 3
推定時間: half day
活動状況: fresh
明確さ: clear
前提条件: VueVuetifyVirtual scrollingJavaScript
初心者向け度: 55
調査方針: Examine the VAutocomplete component in Vuetify's source code, specifically the scrolling behavior in the menu list. Look at the useVirtualList composable and how the scroll position is initialized when an initial value is selected. The bug suggests that the scroll position jumps to an incorrect index when the menu opens. Investigate the logic in packages/vuetify/src/components/VAutocomplete/ and related utilities. Consider fixing the initial scroll offset calculation.