Border of row is disappear when scroll down

Describe the bug

When I scroll down in table around 20 rows is looking fine, but after that border of row will be display wrong position and then it disappear.

Your minimal, reproducible example

Code sandbox

Steps to reproduce

I using table example from document
and modify style of <table> with style={{ borderCollapse: "collapse" }}
and style of <tr> in <tbody> by adding borderTop: "1px solid #ff0000"

Expected behavior

Border of each row should be visible and display correctly position

How often does this bug happen?

Every time

Screenshots or Videos

https://github.com/TanStack/virtual/assets/37901109/40926069-52ba-4eac-b246-2bd333523b39

Platform

OS: macOS
Browser: Google chrome Version 119.0.6045.105

tanstack-virtual version

"3.0.0-beta.68"

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.

Start with the table example and the reproduction in the linked CodeSandbox, especially src/main.tsx around the referenced styling. Reproduce the issue by applying border-collapse to the table and a borderTop to tbody rows, then scroll past roughly 20 rows; done means every row border remains visible and correctly positioned.