vuetifyjs/vuetify

[Bug Report][3.10.6] VAutocomplete with selection - scrolling down skips hundreds of items

Open

#22,531 创建于 2026年1月20日

在 GitHub 查看
 (3 评论) (3 反应) (0 负责人)TypeScript (40,995 star) (7,139 fork)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

  1. Create an autocomplete with many items, a couple hundred at least, set an initial value somewhere in the list
  2. Click on autocomplete to bring up menu
  3. 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
议题类型
bug
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
3
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
half day
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
fresh
清晰度议题是否清楚说明期望改动、验收标准和下一步。
clear
前置要求
VueVuetifyVirtual scrollingJavaScript
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
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.