Scrolling does not work correctly.
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 7.1k
- Forks
- 466
- Avg merge
- 2d 31m
- Merged PRs (30d)
- 13
Description
Describe the bug
Scrolling does not work correctly. I thought the problem was with the position: sticky table header, but no.
Your minimal, reproducible example
https://codesandbox.io/p/devbox/mystifying-dew-t5nd7v?workspaceId=ws_G2EwNr8rBvsbnPfjfHKzRb
Steps to reproduce
Let's take a basic example from https://tanstack.com/table/v8/docs/framework/react/examples/virtualized-rows and add a button (for example, scroll to the last element).
Expected behavior
We expect: when you click on the button, you will see 50,000 items. Reality: we not see element 50000.
How often does this bug happen?
Every time
Screenshots or Videos
No response
Platform
windows, edge
tanstack-virtual version
3.13.14
TypeScript version
No response
Additional context
No response
Terms & Code of Conduct
- I agree to follow this project's Code of Conduct
- I understand that if my bug cannot be reliable reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the linked CodeSandbox and the TanStack Table virtualized-rows example, then reproduce the button action that should scroll to item 50,000. Trace the virtualized scrolling entry point and compare the observed position with the expected last-item visibility; done means the button reliably reveals item 50,000 on the reported setup.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend, performance
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 38/100