Blank spaces where I should see virtual rows in horizontally scrolled div

Hey, I tried adapting one of piecyk's example (https://stackblitz.com/edit/tanstack-virtual-chmknb) mentioned in responsive grid list thread. I adapted it to have a horizontally scrollable div with grid. Here is my example: https://stackblitz.com/edit/tanstack-virtual-8uf16a?file=src%2Fmain.tsx I have a problem with the missing rows however, they are just blank and no rows get added to the DOM when I scroll to them. Thank you for any help!

Damian Pieczynski

StackBlitz

Virtual Fixed Example (forked) - StackBlitz

Run official live example code for Virtual Fixed, created by Tanstack on StackBlitz

szy her

StackBlitz

Virtual Fixed Example v horizontal 2 (forked) - StackBlitz

Run official live example code for Virtual Fixed, created by Tanstack on StackBlitz