Skip to content

Conversation

@beqramo
Copy link
Contributor

@beqramo beqramo commented Jun 26, 2023

Fixes: #1328

Motivation

Sometimes, especially when the view is newly created measure function return undefined on PageY that was causing hiding modal behind the keyboard as animatedContainerOffset.value.bottom was NaN in BottomSheet.tsx file
image

With this change, I'm passing the default value 0 so that it will not have the bug.

With the current change, everything is working fine on both platforms.

Thanks

@gorhom gorhom added v4 Written in Reanimated v2 v5 labels Jul 15, 2023
@gorhom gorhom self-assigned this Jul 15, 2023
@gorhom gorhom self-requested a review July 15, 2023 10:25
@gorhom gorhom merged commit 218e006 into gorhom:master Jul 15, 2023
@gorhom
Copy link
Owner

gorhom commented Jul 15, 2023

thanks @beqramo!

gorhom added a commit that referenced this pull request Jul 15, 2023
…qramo)

* fix: keyboard on focus

* fix: updated containerOffset top value to default to 0

---------

Co-authored-by: Mo Gorhom <[email protected]>
@CarlMenke
Copy link

Any idea when this fix will be live? I don't see it in 4.4.7. Any estimation would be very helpful, thanks!

@beqramo
Copy link
Contributor Author

beqramo commented Aug 8, 2023

Hi,
It is fixed in version 5 alpha

@abdulragib
Copy link

Hi, It is fixed in version 5 alpha

tell me , which package , i am confused becuase i installed lots of package

@brentforder
Copy link

brentforder commented Sep 3, 2024

Hi, It is fixed in version 5 alpha

@gorhom / @beqramo
The fix is not working for me with the new v5 alpha (5.0.0-alpha.11).
I see that this build includes the changes per #1420
The iOS keyboard is still covering my inputs when popping up on focus, as described in #1328

@brentforder
Copy link

Hi, It is fixed in version 5 alpha

@gorhom / @beqramo The fix is not working for me with the new v5 alpha (5.0.0-alpha.11). I see that this build includes the changes per #1420 The iOS keyboard is still covering my inputs when popping up on focus, as described in #1328

Update: False alarm., sorry. It's working now that I switched from React Native Paper's TextInput to BottomSheetTextInput. To take control of this virtual keyboard behavior seems to require BottomSheetTextInput.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

v4 Written in Reanimated v2 v5

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[v4] On Input focus Modal goes behind keyboard on iOS and Android

5 participants