Rendering lag when using virtualised for both rows and columns along with Tanstack/table
danprat92 opened this issue · comments
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
307093934-1477c3a9-9396-407c-81e6-2550f45a5f08.mov
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.
important notice
on windows this happens only when table is hardware accelerated, but still bad performace
without hardware acceleration it just scrolls very laggy
This situation is also obvious on mobile phone devices