wix / react-native-navigation

A complete native navigation solution for React Native
https://wix.github.io/react-native-navigation/
MIT License
13.01k stars 2.68k forks source link

Options.overlay.interceptTouchOutside disfunctional #7797

Closed aight8 closed 9 months ago

aight8 commented 9 months ago

What happened?

When I display an overlay screen, and set the interceptTouchOutside option to false, it is not possible to interact with UI elements on the screen behind it.

What was the expected behaviour?

If I display an overlay screen (component layout), and set the interceptTouchOutside option to false (no matter if in the defaults, in showOverlay or on the screen component options), it should be possible to interact with elements on the screen behind (behind the overlay screen).

Was it tested on latest react-native-navigation?

Help us reproduce this issue!

Navigation.showOverlay({
    component: {
        name: 'OverlayComponent',
        options: {
            layout: {
                componentBackgroundColor: 'transparent',
            },
            overlay: {
                interceptTouchOutside: false,
            }
        },
    },
})

In what environment did this happen?

React Native Navigation version: 7.37.1 React Native version: 0.72.6 Has Fabric (React Native's new rendering system) enabled: no Node version: 20.8.0 Device model: iPhone 13 Pro (device) iOS version: 17.1

aight8 commented 9 months ago

It's an issue with react-native-gesture-handler https://github.com/software-mansion/react-native-gesture-handler/issues/514