Virtualization on web is incorrect

[Elabar]

Current behavior

Not working correctly on web. When I have a container that's 250px in height, rendering items with 125px in height should render a maximum of 6 items only. But it renders 50 items instead.

Why 6 items? docs says:

FlashList in comparison will only draw 250px extra on the top and bottom irrespective of the screen size.

This might not be an issue if the item component is a simple component as shown in the reproduction. But if you are rendering images in 3x3 layout, it is going to destroy the performance.

Expected behavior

With the same configuration, it should render a maximum of 6 items only.

To Reproduce

Here's a simple expo snack to reproduce the issue.

Platform:

• Web

Environment

@shopify/flash-list: 1.7.2