Hiding virtual list during momentum scroll causes the virtual list to be blanked out when returning to it

[aeharding]

Describe the bug
Hiding virtual list during momentum scroll causes the virtual list to be blanked out when returning to it.

To Reproduce

1. Start momentum scrolling a view
2. Tap a button to toggle to hide the view (setting display: none)
3. Tap the button again to reveal the view
4. Observe the virtual list is not rendered. Observe if you try to swipe the virtual list, the items reappear.

Expected behavior

Items should be rendered when virtual list becomes visible again.

Platform:

• OS: iOS
• Browser: Safari
• Version of react: 18
• Version of this package: 0.15.3

Additional context

Here is a video demonstrating this problem. I am tapping the bottom tab bar. When I tap to go to Inbox, the virtual list stays mounted with display: none set to a parent element. Tapping back to Posts removes display: none.

RPReplay_Final1698282751.MP4

[inokawa]

I have to do some investigation but visibility: hidden instead of display: none may solve the issue.

display: none will change sizes of all children to 0 but visibility: hidden is not. Size detection is key of this virtual list so that may cause strange behavior.

[inokawa]

I think it was fixed in 0.15.4!

[aeharding]

I think it was fixed in 0.15.4!

Can confirm! Thanks so much!