Parent components behaving unexpectedly
Styling and the
ref={(node) => rowVirtualizer.measureElement(node)}
effecting the parent components.
if i comment out this code everything works:
<MantineTable.Tr
key={virtualRow.key}
data-index={virtualRow.index}
data-state={row.getIsSelected() && "selected"}
style={{
display: "flex",
width: "100%",
position: "absolute",
transform: `translateY(${virtualRow.start}px)`,
}}
ref={(node) => rowVirtualizer.measureElement(node)}
>2 Replies
extended-salmon•2y ago
HI, hard to say what is happening, if you could create an codesandbox example
absent-sapphireOP•2y ago
Its just because of the style and ref. My navigation doesn't work, maybe position: "absolute",
transform:
translateY(${virtualRow.start}px) are effecting.
But i can try to create a codesandbox.