Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Rendering lag when using virtualised for both rows and columns along with Tanstack/table #685

Open
2 tasks done
danprat92 opened this issue Mar 4, 2024 · 2 comments
Open
2 tasks done

Comments

@danprat92
Copy link

danprat92 commented Mar 4, 2024

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

here

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

Screenshot 2024-03-04 at 21 45 33

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.
@hahatulk
Copy link

important notice
on windows this happens only when table is hardware accelerated, but still bad performace
without hardware acceleration it just scrolls very laggy

@Sphinm
Copy link

Sphinm commented Apr 12, 2024

This situation is also obvious on mobile phone devices

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants