CloseOnOverlayTap not working for Android when inside Portal component

[dharmikumbhani]

Describe the bug
Tapping on Overlay doesn't close the modal when inside Portal

Reproduce
<Portal> <Modalize overlayStyle={{backgroundColor: 'blue'}} closeOnOverlayTap={true} scrollViewProps={{scrollEnabled: false, bounces: true}} modalStyle={{backgroundColor: themeContext.background}} modalHeight={400} withHandle={true} snapPoint={280} ref={modalizeRef}> <MyComponent /> // Has Touchable Opacity button inside it </Modalize> </Portal>
Dependencies:

• react-native-modalize "2.0.5"
• react-native "0.61.4"
• react-native-gesture-handler "1.6.1"
• react-navigation: v5

[alisherakb]

@Dharmi201 Were you able to fix it?

[Luckygirlllll]

The same problem but my Modalize is not inside .

[devtud]

Yeah, I also have this problem. The modal seems to close only on BACK. Swipe down, tap on overlay don't work.. Did someone find a workaround?

[NickM101]

Had the same issue; Modal worked with back button and swipe up/down didn't work neither tap overlay.
Problem isn't the package but visit https://docs.swmansion.com/react-native-gesture-handler/docs/ and complete configuration on react-native-gesture-handler. It worked right after rebuilding android 🙂

[devtud]

Had the same issue; Modal worked with back button and swipe up/down didn't work neither tap overlay.
Problem isn't the package but visit https://docs.swmansion.com/react-native-gesture-handler/docs/ and complete configuration on react-native-gesture-handler. It worked right after rebuilding android slightly_smiling_face

@NickM101 , If I understand right, what I have to do is to make sure I have the latest react-native-gesture-handler as I use react native 0.63.2. The other stuff is supposed to be handled by the react-native-modalize library itself.

I'm a bit stuck as I already had the latest libraries installed and android built with them. I use react-navigation. What do you use for navigation and what exactly did you configure in order to make it work inside a Portal? Thanks!

[devtud]

@jeremybarbet could you please share your thoughts about this?

[vygiszs]

@jeremybarbet https://docs.swmansion.com/react-native-gesture-handler/docs/#for-library-authors Maybe worth doing it?

[ycortezqi]

What worked for me was to put my entire app inside <GestureHandlerRootView style={{flex: 1}}> and <GestureHandlerRootView /> just like this.

I'm using react-native-gesture-handler version 2.6.2