React-native-navigation: interceptTouchOutside doesn't work on iOS

[paubins]

Issue Description

Setting interceptTouchOutside to true/false doesn't make a difference for iOS; the UIWindow overlay always intercepts the touch and never passes it through to the underlying main React window.

Steps to Reproduce / Code Snippets / Screenshots

    Navigation.showOverlay({
      component: {
        name: 'Player',
        passProps: {
          songs: [this.props]
        },
        options: {
          overlay: {
            interceptTouchOutside : false/true // doesn't matter it will always intercept
          }
        }
      }
    });

---

Environment

• React Native Navigation version: 2.7.1
• React Native version: 0.57.1
• Platform(s) (iOS, Android, or both?): iOS
• Device info (Simulator/Device? OS version? Debug/Release?): Simulator/Debug

[kfroemming]

Same issue

[rsokz]

+1 Can this be re-opened?

[alradadi]

works for me. make sure there's nothing wrapping your overlay that would block touches. Pass pointerEvent="box-none" as a prop to your View if you do.

[yfuks]

Had the same issue.
In my case i also use react-native-popup-dialog in my project.

I don't know why/how but downgrading react-native-popup-dialog to 0.11.46 fixed the issue in my case.

Hope it help.

EDIT: It was probably caused by react-native-root-siblings (a new dependencies in react-native-popup-dialog) but i'm not sure.
Feels like there is some kind of conflict between RNN and this lib.

Environment

• React Native Navigation version: 2.13.0
• React Native version: 0.57.8
• Platform : iOS

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.
If you believe the issue is still relevant, please test on the latest Detox and report back. Thank you for your contributions.

[stale[bot]]

The issue has been closed for inactivity.

[fadak0828]

Had the same issue.
In my case i also use react-native-popup-dialog in my project.

I don't know why/how but downgrading react-native-popup-dialog to 0.11.46 fixed the issue in my case.

Hope it help.

EDIT: It was probably caused by react-native-root-siblings (a new dependencies in react-native-popup-dialog) but i'm not sure.
Feels like there is some kind of conflict between RNN and this lib.

Environment

• React Native Navigation version: 2.13.0
• React Native version: 0.57.8
• Platform : iOS

I had same issue,
In my case, i used react-native-root-toast.
And it also include react-native-root-siblings.

So i remove toast library, and it works!

Thanks!

[danielgindi]

Fixed in https://github.com/magicismight/react-native-root-siblings/pull/47