[Bug Report][3.8.0] ScrollToIndex last item not in view

[mrjackwills]

Environment

Vuetify Version: 3.8.0
Vue Version: 3.5.13
Browsers: Firefox 136.0
OS: Windows 10

Steps to reproduce

Create a virtual data table with more items than can be viewed given the tables height.
Use ScrollToIndex to attempt to scroll to the last entry in the table.

Expected Behavior

When ScrollToIndex is used to scroll to the index of the final item in the items array, expect that item to by visible in the v-data-table-virtual

Actual Behavior

The last item is scrolled into partial view, the user stills needs to interact with the table to scroll down to actually get the final item into view.

Reproduction Link

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

Other comments

In my testing it doesn't seem to make any difference, if given an array of 1000 items, if scrollToIndex tries to scroll to item 1000, 1100, or even 10000, the last item is always offscreen/table.

Have tested on desktop versions of Firefox, Chrome, and Edge browser.

[KaelWD]

This might be the same as #20482

[mrjackwills]

I just tied to use a setTimeout() in the scrollEnd method, but it still has the same effect.

On a brief look at the scrollToIndex method, I thought maybe it's related to the calculation of the offset, but I could be massively wrong about that.

EDIT: I think I misunderstood the other issue, this solution seems to work;

  const scrollEnd = () => {
    table.value.scrollToIndex(virtualBoats.value.length - 1),
      setTimeout(
        () => table.value.scrollToIndex(virtualBoats.value.length - 1),
        1
      )
  }