Race between measure element and rendering
I have a busy (expensive elements) table that has collapsable rows, the table row has
ref={virtualizer.measureElement}
when I click on the collapse button ( to expand the content) the content is rendered and THAN the measure element kicks in and pushes the content bit more down, but there is a split second where the content of the next row is rendered OVER the row I clicked on.
Logically it makes sense, and I can solve it by just adding white (or any other color) background to the row.
But I wonder if there is a better way do this.
what are the best practices here?
react: 18.2.0
@tanstack/react-table: 8.12.0
@tanstack/react-virtual: 3.1.20 Replies