Screen is not touchable inside NavigationIndependentTree

[barakgoren]

Description

Hi, I use NavigationIndependentTree inside a modal to create a stack navigation inside a global modal. The modal container placed in the root layout of the app, the modal works fine without the stack navigation, but once I put the pages that should be inside the modal, they are not functioning correctly.

Screen.Recording.2025-01-03.at.18.21.09.mov

On the video I give an example inside the modal, its automatically directing to ScreenTwo to show that the navigation inside the modal works well, but nothing except of the header back button is pressable inside the modal, you can see I try to press the blue buttons, there was one time that it was splashed, which means that it was pressed, but on the console it didn't log anything (it should log some text) this made me to rule out the possibility of an issue with the z-indexing.

Steps to reproduce

1. Create an app with a root layout of tabs layout.
2. Put a modal component on the root layout.
3. Create a stack navigation using createNativeStackNavigator() inside the mode.

Snack or a link to a repository

https://github.com/barakgoren/skinder-mobile

Screens version

4.1.0

React Native version

0.76.3

Platforms

iOS

JavaScript runtime

None

Workflow

None

Architecture

None

Build type

None

Device

iOS simulator

Device model

iOS Simulator and real iOS device

Acknowledgements

Yes