Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Scroll does not work for TextInput nested in inverted FlatList #2435

Closed
1 task done
roryabraham opened this issue Nov 22, 2022 · 2 comments · Fixed by Expensify/react-native-web#9
Closed
1 task done
Labels

Comments

@roryabraham
Copy link
Contributor

Is there an existing issue for this?

  • I have searched the existing issues

Describe the issue

If you have a TextInput nested inside a nested FlatList, then the TextInput is not scrollable.

Expected behavior

Just as it behaves inside ScrollView or non-inverted FlatList, nested TextInputs should be scrollable.

Steps to reproduce

  1. Open the provided code sandbox reproduction example
  2. Scroll through the list
  3. Attempt to scroll the TextInput that's in the middle of the FlatList

Test case

https://codesandbox.io/s/rnw-nestedtextinputscroll-xhuvrf?file=/src/App.js

Additional comments

This bug was introduced here, and it's happening because the invertedWheelEventHandler is handling the event before the (global?) parent handler.

@roryabraham
Copy link
Contributor Author

I put together a PR to fix this issue.

@necolas
Copy link
Owner

necolas commented Nov 23, 2022

Sorry but I'm not accepting any more PRs for VirtualizedList because we're going to be publishing it out of the React Native monorepo as a package that React Native for Web takes on as a dependency. See facebook/react-native#35263 for more details. We'll have to think about how to address these issues there.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
2 participants