You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When virtualizing rows in @tanstack/table, if you add styles for the first row(:first-child) that change the height of the row and start scrolling, the calculation breaks down and the application crashes because it cannot calculate the height and goes into an infinity loop.
Add styles for the first row( tr:first-child { padding: 8px; or border: 1px solid lightgray; } )
Start scrolling the table.
An error has occurred.
Expected behavior
The application did not crash.
How often does this bug happen?
Every time
Screenshots or Videos
Platform
OS: macOS Browser: Chrome
tanstack-virtual version
v3.1.2
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.
The text was updated successfully, but these errors were encountered:
Describe the bug
When virtualizing rows in @tanstack/table, if you add styles for the first row(:first-child) that change the height of the row and start scrolling, the calculation breaks down and the application crashes because it cannot calculate the height and goes into an infinity loop.
Your minimal, reproducible example
https://stackblitz.com/edit/tanstack-table-vduexv?file=src%2Findex.css
Steps to reproduce
tr:first-child { padding: 8px; or border: 1px solid lightgray; }
)Expected behavior
The application did not crash.
How often does this bug happen?
Every time
Screenshots or Videos
Platform
OS: macOS Browser: Chrome
tanstack-virtual version
v3.1.2
TypeScript version
No response
Additional context
No response
Terms & Code of Conduct
The text was updated successfully, but these errors were encountered: