[Android] Can't interact with Modal and Overlay when newArchEnabled

[manikandanb24]

What happened?

When newArchEnabled, cannot interact with interceptTouchOutside: true

If I disable newArchEnabled, it works as expected.

Theres a same issue which have been closed.

But it still persist on new architecture.

What was the expected behaviour?

No response

Was it tested on latest react-native-navigation?

• [X] I have tested this issue on the latest react-native-navigation release and it still reproduces.

Help us reproduce this issue!

export const showOverlay = (props: showModalProps) => {
  const { screen, options = {}, passProps = {}, id } = props;
  Navigation.showOverlay({
    component: {
      id: id ? id : undefined,
      name: screen,
      passProps: passProps,
      options: {
        popGesture: false,
        statusBar: {
          translucent: true,
          drawBehind: true,
          style: 'light',
        },
        layout: {
          componentBackgroundColor: 'transparent',
        },
        overlay: {
          interceptTouchOutside: true,
        },
        ...options,
      },
    },
  });
};

In what environment did this happen?

React Native Navigation version: 7.37.0 React Native version: 0.72.4 Has Fabric (React Native's new rendering system) enabled: yes Node version: 16 Device model: Android Emulator Android version: 13/14

[manikandanb24]

Played with zIndex in the overlay component and was able to mitigate the issue.