Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[v3] BottomSheetScrollView and BottomSheetBackdrop blocking the entire app content

See original GitHub issue

Bug

When mounting the sheet, it seems that the BottomSheetBackdrop is capturing your clicks and you cannot interact with the app.

It seems to happen only on iOS.

Environment info

Library	Version
@gorhom/bottom-sheet	3.2.1
react-native	0.63.4
react-native-reanimated	2.0.0-rc.2
react-native-gesture-handler	1.9.0

Steps To Reproduce

Clone https://github.com/ferrannp/bottom-sheet-playground.

Click Open button to open the sheet
If it works, refresh JS and try again (does not work 90% of the times)

Describe what you expected to happen:

To not block the app content

Reproducible sample code

https://github.com/ferrannp/bottom-sheet-playground

Issue Analytics

State:
Created 3 years ago
Reactions:1
Comments:9 (3 by maintainers)

Top GitHub Comments

2reactions

gorhomcommented, Jan 29, 2021

@ferrannp would please test https://github.com/gorhom/react-native-bottom-sheet/pull/246 😃

could you create a separate issue and i’ll pick it right away 👍

2reactions

gorhomcommented, Jan 28, 2021

thanks @ferrannp for submitting this issue, will investigate it tomorrow 👍

Top Results From Across the Web

react-native-bottom-sheet issues and how to fix | GitAnswer

[v3] BottomSheetScrollView and BottomSheetBackdrop blocking the entire app content ... change while the text input is focused - react-native-bottom-sheet ...

Error: Tried to synchronously call function {assign} from a different ...

Bug. Unfortunately, I'm receiving the following error on any screen that imports and uses the BottomSheetScrollView and BottomSheetBackdrop .

The react-native-bottom-sheet from gorhom - Coder Social

I've attached a gif to demonstrate, it shows 3 scenarios: Open bottom sheet, gesture down from blue area (works fine); Open bottom sheet,...

react-native-bottom-sheet - Github Plus

My first approach was to call the dismiss method, thinking it will trigger the unmount, but here it's blocked, because in my case...

react-native-bottom-sheet - githubmemory

Question about using the library in a web react-native application · [v4] | BottomSheetScrollView doesn't drag the sheet up or down (iOS Only)....