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

[jbergfi]

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/#...

Screen.Recording.2026-01-20.at.12.09.57.mov

[ruben-with-b]

In my case, this helped me

<template>
  <v-app>
    <v-container>
      <v-autocomplete v-model="selected" :items="items">
        <template #item="{ props, item }">
          <v-lazy min-height="48" width="100%">
            <v-list-item v-bind="props"></v-list-item>
          </v-lazy>
        </template>
      </v-autocomplete>
    </v-container>
  </v-app>
</template>

[rushan-dev-21]

I have a similar problem, and the solution above doesn't work for me because:

1. There could be many such places in the project.
2. The autocomplete is in a wrapper that could be used by many places, and some of them already use template items.

p.s. It's worth paying attention to version 3.10.6, it seems that the problem occurs with it

[Kirubapanneers]

Hi, @J-Sek, I’ve opened a PR to fix this:

PR: #22665
The issue was that itemHeight was dropping from 48px to 8.6px after render, which threw off the offsets and made the scroll jump to the wrong position.
The fix just locks the initial itemHeight measurement so it can’t shrink afterward.

Also, the failing CI test (VSelect > should navigate freely between interactive elements with Tab) isn’t related to this change. it was already flaky and failing before this PR.