with Empty Space in Bottom Virtual List When Non-Virtual List Part Causes Scrollbar

[kevlin-sean]

When using @tanstack/react-virtual, I encountered an issue where the bottom part of the virtual list displays empty space when the non-virtual list items (above the virtual list) have a height that causes a scrollbar to appear. This behavior leads to misalignment and results in a portion of the virtual list being blank or not rendered correctly.

https://codesandbox.io/p/sandbox/rf6jtd?file=%2Fsrc%2Findex.css%3A16%2C8

[kevlin-sean]

the issue resloved https://codesandbox.io/p/sandbox/rf6jtd?file=%2Fsrc%2Fmain.tsx%3A64%2C10