Rendering lag when using virtualised for both rows and columns along with Tanstack/table
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
I'm currently using table + virtual in this example here
Blank page is shown when scrolling horizontally and vertically, lots of warning that scroll handler took too long
Your minimal, reproducible example
Steps to reproduce
Can be reproduced in this example here
Scroll vertically and horizonally causes blank screen, lots of scroll handler warnings about taking too long to execute it
Expected behavior
No blank page shown
How often does this bug happen?
Every time
Screenshots or Videos
https://github.com/TanStack/virtual/assets/9660071/7090b066-7515-4af8-a3d7-398f0c900ff3
Platform
macOS
tanstack-virtual version
3.1.1
TypeScript version
No response
Additional context
Table: 8.12.0
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 inspect src/App.tsx around line 280, reproducing the issue by scrolling vertically and horizontally with both row and column virtualization enabled. Done means the reproducible example no longer shows a blank page or repeated slow scroll-handler warnings.
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
- 25/100