fix: update scrollToIndex center-alignment

[christriants]

• Fixes scrollToIndex center - incorrect align #559

With the assumption that the current-behavior is not intended, I opened this PR to correct the align: center behavior of scrollToIndex to align the scroll item's center, not its top, with the center of the list.

Video of issue:
https://github.com/user-attachments/assets/7b2445d7-e08e-4eee-aa97-3e454409214c

Video of fix:
https://github.com/user-attachments/assets/607a619e-fc24-4fb4-8c9a-18ec35c917af

[christriants]

Hi, @piecyk @kouts. Mind taking a look at this change, if you get a moment? I hope this is helpful, but I am not sure if the current behavior is actually intended or not.

[jacobclyne]

Can we please get an update on this? 🥺 @piecyk @kouts

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit bd21dd9. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution

---

✅ Successfully ran 2 targets

• nx affected --targets=test:sherif,test:knip,test:eslint,test:lib,test:types,test:build,build
• nx run-many --target=build --exclude=examples/**

---

Sent with 💌 from NxCloud.

[pkg-pr-new]

Open in Stackblitz

More templates

• @tanstack/virtual-example-angular-dynamic
• @tanstack/virtual-example-angular-fixed
• @tanstack/virtual-example-angular-infinite-scroll
• @tanstack/virtual-example-angular-padding
• @tanstack/virtual-example-angular-smooth-scroll
• @tanstack/virtual-example-angular-sticky
• @tanstack/virtual-example-angular-table
• @tanstack/virtual-example-angular-variable
• @tanstack/virtual-example-angular-window
• tanstack-lit-virtual-example-dynamic
• tanstack-lit-virtual-example-fixed
• tanstack-react-virtual-example-dynamic
• tanstack-react-virtual-example-fixed
• tanstack-react-virtual-example-infinite-scroll
• tanstack-react-virtual-example-padding
• tanstack-react-virtual-example-scroll-padding
• tanstack-react-virtual-example-smooth-scroll
• tanstack-react-virtual-example-sticky
• tanstack-react-virtual-example-table
• tanstack-react-virtual-example-variable
• tanstack-react-virtual-example-window
• tanstack-svelte-virtual-example-dynamic
• tanstack-svelte-virtual-example-fixed
• tanstack-svelte-virtual-example-infinite-scroll
• tanstack-svelte-virtual-example-smooth-scroll
• tanstack-svelte-virtual-example-sticky
• tanstack-svelte-virtual-example-table
• tanstack-vue-virtual-example-dynamic
• tanstack-vue-virtual-example-fixed
• tanstack-vue-virtual-example-infinite-scroll
• tanstack-vue-virtual-example-padding
• tanstack-vue-virtual-example-scroll-padding
• tanstack-vue-virtual-example-smooth-scroll
• tanstack-vue-virtual-example-sticky
• tanstack-vue-virtual-example-table
• tanstack-vue-virtual-example-variable

@tanstack/angular-virtual

npm i https://pkg.pr.new/@tanstack/angular-virtual@864

@tanstack/lit-virtual

npm i https://pkg.pr.new/@tanstack/lit-virtual@864

@tanstack/solid-virtual

npm i https://pkg.pr.new/@tanstack/solid-virtual@864

@tanstack/react-virtual

npm i https://pkg.pr.new/@tanstack/react-virtual@864

@tanstack/svelte-virtual

npm i https://pkg.pr.new/@tanstack/svelte-virtual@864

@tanstack/virtual-core

npm i https://pkg.pr.new/@tanstack/virtual-core@864

@tanstack/vue-virtual

npm i https://pkg.pr.new/@tanstack/vue-virtual@864

commit: bd21dd9