Flashlist buggy rendering single item on horizontal lists [iOS only]

[rafael-rollo]

Current behavior

Apparently, the implementation has an issue handling the list item when only one item is rendered. The problem occurs only in some devices on the iOS platform and when the estimated item size is equal to the actual rendered size. Strangely, any value - lower or higher than the actual one - for the estimate fixes the issue.

When this happens, usually in the first render, the list item is rendered weirdly (images below), and the user can't interact with it appropriately.

Card layer not accessible when the estimate exactly matches the size

Card layer accessible when the estimate differs from the actual size

Expected behavior

The single item should be rendered properly and become interactive.

To Reproduce

Use the repo on rafael-rollo/flashlist-issue-repro

Platform:

• iOS
• Android

Environment

@shopify/flash-list: "^1.7.1"

[WKampel]

Reproduced on ios in a vertical flashlist.