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

TextInputs' are not pressable in the KeyboardStickyView example after scroll. #457

Closed
NodoPopkhadze opened this issue May 30, 2024 · 5 comments
Assignees
Labels
🤖 android Android specific 🏭 fabric Changes specific to new (fabric/jsi) architecture KeyboardStickyView 🩹 Anything related to KeyboardStickyView component

Comments

@NodoPopkhadze
Copy link

NodoPopkhadze commented May 30, 2024

Describe the bug
In the AwareScrollViewStickyFooter example of the react-native-keyboard-cotroller, TextInput components become unresponsive after scrolling when using Fabric architecture on Android real devices. This issue also extends to other touchable components in my project.

Screen_Recording_20240530_172424_KeyboardControllerFabricExample.mp4

To Reproduce
Steps to reproduce the behavior:

  1. Start the FabricExample application.
  2. Navigate to the "Aware scroll view sticky footer" screen
  3. Scroll down.
    4.Attempt to interact with any TextInput component

Expected behavior
TextInput components should remain responsive to user input regardless of scrolling

Screenshots
If applicable, add screenshots to help explain your problem.

Smartphone (please complete the following information):

  • Desktop OS: [MacOS 14.5]
  • Device: [GALAXY S21]
  • OS: [Android Version 14]
  • RN version: [0.74]
  • RN architecture: [fabric]
  • JS engine: [Hermes]
  • Library version: [1.12.1]

Additional context
Using react-native-gesture-handler components restores responsiveness for all touchable components, including TextInputs. However, when a TextInput component from react-native-gesture-handler is used, touching it to input text prevents scrolling of the screen.

I also suspect this is a react-native-reanimated's bug.

@kirillzyusko kirillzyusko added 🤖 android Android specific 🏭 fabric Changes specific to new (fabric/jsi) architecture labels May 30, 2024
@kirillzyusko
Copy link
Owner

Hello @NodoPopkhadze 👋

Actually I think it's a react-native-reanimated bug. I've tried to remove all implementation from KeyboardAwareScrollView and keep only KeyboardStickyView (and bug is still present).

But If I remove style={styles} from KeyboardStickyView - suddenly everything starts to work 🤔

I'll try to provide a reproducible example without keyboard-controller to reanimated repository - but if you want you also can go ahead and provide a reproduction example to reanimated repository 🙃

@kirillzyusko kirillzyusko added the KeyboardStickyView 🩹 Anything related to KeyboardStickyView component label May 31, 2024
@NodoPopkhadze
Copy link
Author

Hey @kirillzyusko,

I’ve created an issue in the reanimated repository here. Hopefully, they will respond

@kirillzyusko
Copy link
Owner

@NodoPopkhadze awesome ❤️ Thank you very much! 😊

The only thing is that I would make in bold that issue is reproducible only on real device (in REA issue).

Can I close this issue? (since we figured out that it's reanimated bug)

@NodoPopkhadze
Copy link
Author

@kirillzyusko Updated.

Yes you can close the issue, since the bug is related to reanimated :)

Thank you.

@kirillzyusko
Copy link
Owner

@NodoPopkhadze thank you ❤️ Closing this issue 🙌

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🤖 android Android specific 🏭 fabric Changes specific to new (fabric/jsi) architecture KeyboardStickyView 🩹 Anything related to KeyboardStickyView component
Projects
None yet
Development

No branches or pull requests

2 participants