react-navigation / react-navigation/react-navigation

[React Native for Windows]: Keyboard tab is moving to previously opened screen while the current screen is being opened

Open
#9,109 17 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug help wanted package:stack platform:windows
Dominant language
TypeScript
Stars
24.5k
Forks
5.1k
Avg merge
1d 5h
Merged PRs (30d)
18

Description

Current Behavior

[React Native for Windows]: Keyboard tab is moving to previously opened screen while the current screen is being opened

Expected Behavior

  • Cursor should not leave the current screen.

How to reproduce

Repro steps:

  • Create stack navigator with two screen (Ex: Home screen & details screen)
  • Go to Home screen(this screen contains few TextInputs), click a button to go to details screen
  • Keep hitting the TAB key. When the cursor is invisible, type few random characters. These characters are actually being typed in the Home screen's text input boxes.

Your Environment

software version
iOS or Android React Native for Windows
@react-navigation/native 5.8.0
@react-navigation/stack 5.10.0
react-native-gesture-handler 1.8.0
react-native-safe-area-context 3.1.8
react-native-screens 2.11.0
react-native 0.63.3
expo
node
npm or yarn yarn

Contributor guide

Open the contributing guide

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 a stack navigator containing Home and details screens, using the listed React Native for Windows environment and repeatedly pressing TAB during navigation. Trace keyboard focus while the details screen opens; the work is done when focus stays on the current screen and typed characters no longer reach Home inputs.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native
Domain
accessibility, desktop
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 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.