software-mansion / software-mansion/react-native-screens

[Fabric] Inspector focuses elements on another screen

Open
#3,072 9 comments 3 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

platform:android platform:ios repro-provided
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
  1. Open the debug menu and select the inspector
  2. 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

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.