Hi,
I have a strange problem - when I have a screen which has TextInputand an Overlay which contains also TextInputthat has autoFocus={true}, the Overlayis never unmounted but is hidden using animation (set height to 0 when hidden). My whole App is wrapped by a provider that contains the BottomSheet instance in order to have a global BottomSheet for the entire app, while the content changes according to the need.
For some reason the following bug occurs in the following flow:
I move to the screen
I enter the first input and then blur the input
I open the overlay - the keyboard opens, then immediately closes and the BottomSheet is open instead - even though I don't open the BottomSheetat all.
It looks like it has something to do with the first blur of the keyboard, how can I solve it?
Thanks in advance.
Environment info
Library
Version
@gorhom/bottom-sheet
4.1.5
react-native
0.63.3
react-native-reanimated
2.0.1
react-native-gesture-handler
1.8.0
Steps To Reproduce
move to the screen
enter the first input and then blur the input
open the overlay - the keyboard opens, then immediately closes and the BottomSheet is open instead - even though I don't open the BottomSheetat all.
Bug
Hi, I have a strange problem - when I have a screen which has
TextInput
and anOverlay
which contains alsoTextInput
that hasautoFocus={true}
, theOverlay
is never unmounted but is hidden using animation (set height to 0 when hidden). My wholeApp
is wrapped by aprovider
that contains theBottomSheet
instance in order to have a globalBottomSheet
for the entire app, while the content changes according to the need. For some reason the following bug occurs in the following flow:BottomSheet
is open instead - even though I don't open theBottomSheet
at all.It looks like it has something to do with the first blur of the keyboard, how can I solve it?
Thanks in advance.
Environment info
Steps To Reproduce
BottomSheet
is open instead - even though I don't open theBottomSheet
at all.Describe what you expected to happen:
Reproducible sample code