react-native-web
react-native-web copied to clipboard
FlatList with `horizontal` and `inverted` prevents page scroll on hover
Is there an existing issue for this?
- [X] I have searched the existing issues
Describe the issue
When using inverted
and horizontal
on a FlatList
the page gets "stuck" as you scroll down and the mouse cursor is over the horizontal Flatlist.
Expected behavior
Should be able to smoothly scroll down a page with a horizontal inverted FlatList.
Steps to reproduce
With a FlatList with inverted
and horizontal
on a long page that is long enough to scroll in the y direction, on a computer, in a browser, with a mouse:
- Scroll down the page using a mouse wheel.
- The mouse cursor crosses the horizontal FlatList (:hover)
- Page scrolling is now "stuck". Continuing to move the mouse wheel does nothing.
Test case
https://snack.expo.dev/@jjws/flatlist_with_horizontal_and_inverted
Additional comments
No response
The web fork of FlatList
is no longer being maintained, but updating it is blocked on this React Native issue that will allow RN Web to install the same package used in RN. You should comment there https://github.com/facebook/react-native/issues/35263