List not showing enough elements when big differences in height about react-virtuoso HOT 6 CLOSED

Got it, thanks for the repro steps!

from react-virtuoso.

You are correct in your statement - the list assumes the "default" value from the first item rendered (it has to take it from somewhere, and maybe a "defaultItemHeight" property would help).

However, there is a self-repairing mechanism that will append additional items if the assumption is wrong. I took your example and it seems to work fine here, but perhaps I am missing something.

Can you please elaborate on how I can reproduce the incorrect behavior.

from react-virtuoso.

To reproduce the error I got you have to scroll fast down to the smaller items and then abruptly stop. That sometimes leads to an empty viewport. It is a bit easier to do with a larger list size: https://stackblitz.com/edit/react-compvw-bkco4s

Once you are in that state the list does not seem to use the recovery mechanism you spoke of anymore.

from react-virtuoso.

Confirming that this is a bug, I found a solution but need to test it for possible performance regression. If everything is good, I will release a fix over the weekend.

from react-virtuoso.

@petyosi Thanks for the quick response!

from react-virtuoso.

Published 0.12.4 and updated the example with it. You can see how the shorter items are re-filled with new ones.

A property that can improve the behavior in this case is defaultItemHeight - something which I consider.

from react-virtuoso.