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

[v4] BottomSheetFooter animation does not work with BottomSheetTextInput #1863

Open
77zv opened this issue Jun 15, 2024 · 0 comments
Open

[v4] BottomSheetFooter animation does not work with BottomSheetTextInput #1863

77zv opened this issue Jun 15, 2024 · 0 comments
Labels
bug Something isn't working

Comments

@77zv
Copy link

77zv commented Jun 15, 2024

Bug

When you use a BottomSheetTextInput inside a BottomSheetFooter, the footer reacts to a keyboard opening by "teleporting" to the correct position without an animation.
The following is a video example.
https://github.com/gorhom/react-native-bottom-sheet/assets/97407806/c9571aba-cf1a-4fd4-9287-2ff32af298a0

Environment info

Library Version
@gorhom/bottom-sheet ^4
react-native 0.74.1
react-native-reanimated 3.10.1
react-native-gesture-handler 2.16.2

Steps To Reproduce

  1. Use a BottomSheetTextInput inside a BottomSheetFooter component

Describe what you expected to happen:

  1. When focused on the BottomSheetTextInput, the entire footer should move to avoid the keyboard with an animation (animation currently does not work)

Reproducible sample code

https://staging-snack.expo.dev/jTr3DrUym5MEeeP5NN0g4

@77zv 77zv added the bug Something isn't working label Jun 15, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant