software-mansion / software-mansion/react-native-screens
[Fabric] Inspector focuses elements on another screen
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 3.7k
- Forks
- 714
- Avg merge
- 2d 23h
- Merged PRs (30d)
- 71
Description
Description
On iOS and Android, when I switched from Old Architecture to New Architecture, a bug appeared when using the Inspector: it focuses elements on the screen of my last tab, not on the current visible screen.
This bug is resolved if I deactivate react-native-screens with enableScreens(false).
You can find a minimal example Expo app with @react-navigation/bottom-tabs (there is no inspector in Expo Snack): https://github.com/voisinhugo/react-native-buggy-inspector
Steps to reproduce
- Open the debug menu and select the inspector
- Click on the element of the first screen: only the elements of the second screen are selectable
https://github.com/user-attachments/assets/e2d941de-1b23-4bdf-bff9-e73e10bfd7de
Snack or a link to a repository
https://github.com/voisinhugo/react-native-buggy-inspector
Screens version
4.11.1
React Native version
0.79.5
Platforms
iOS, Android
JavaScript runtime
None
Workflow
None
Architecture
Fabric (New Architecture)
Build type
None
Device
None
Device model
No response
Acknowledgements
Yes
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Reproduce the issue with the linked minimal Expo app using @react-navigation/bottom-tabs, focusing on the inspector after switching between tabs under Fabric on iOS and Android. Use enableScreens(false) as the reported isolation point; done means selecting an element on the visible tab focuses that screen rather than the last tab.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native, typescript
- Domain
- mobile
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100