Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Window not gaining focus on app start

Abierto
  • ¿Algo no está bien?
#16,176 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 2 días

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
52/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Tranquilo
Stack tecnológico
react-native
Área
accessibility, desktop

Línea de trabajo

El issue no indica ningún archivo fuente, prueba ni punto de entrada. Empieza reproduciendo el comportamiento de lanzamiento en una aplicación nueva de React Native Windows con un primer componente que no pueda recibir el foco y un control que sí pueda recibirlo; se habrá completado cuando la navegación con teclado funcione inmediatamente después del lanzamiento sin hacer clic y el primer elemento enfocable o el elemento con autoFocus reciba el foco.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

bug Invalid Triage Needs: Triage :mag:
Problem Description

When the React Native Windows app launches, the main window does not automatically receive keyboard focus. This means:

  • Users cannot immediately interact with the app using keyboard navigation (Tab, Enter, arrow keys, etc.)

  • Accessibility tools (screen readers) don't announce the app content on launch

  • Users must first click inside the window before keyboard input is recognized

Steps To Reproduce
  • Create a new React Native Windows app
  • Add a first component not focusable
  • Add a focusable element (e.g., a Pressable or TextInput)
  • Launch the app
  • Without clicking, try pressing Tab or interacting via keyboard
  • Observe that nothing happens until the window is clicked
Expected Results

Expected behavior:

When the app window opens and becomes the foreground window, it should automatically have keyboard focus so that:

  • Tab navigation works immediately
  • The first focusable element (or a designated autoFocus element) receives focus

Actual behavior:

The window appears in the foreground but keyboard focus is not set. The user must click inside the window before any keyboard/focus-based interaction works. This is particularly problematic for:

  • Accessibility compliance (WCAG 2.1 requires operable keyboard interfaces)
  • Users who rely on keyboard-only navigation
CLI version

20.0.0

Environment
System:
  OS: Windows 11 10.0.26100
  CPU: (16) x64 Intel(R) Core(TM) Ultra 7 265H
  Memory: 30.96 GB / 63.43 GB
Binaries:
  Node:
    version: 22.22.0
    path: C:\Program Files\nodejs\node.exe
  Yarn:
    version: 1.22.22
    path: C:\Program Files (x86)\Yarn\bin\yarn.CMD
  npm:
    version: 10.9.4
    path: C:\Program Files\nodejs\npm.CMD
  Watchman: Not Found
SDKs:
  Android SDK: Not Found
  Windows SDK:
    AllowDevelopmentWithoutDevLicense: Enabled
    AllowAllTrustedApps: Enabled
    Versions:
      - 10.0.19041.0
      - 10.0.22621.0
      - 10.0.26100.0
IDEs:
  Android Studio: Not Found
  Visual Studio:
    - 17.14.37216.2 (Visual Studio Community 2022)
    - 16.11.37206.5 (Visual Studio Professional 2019)
Languages:
  Java: Not Found
  Ruby:
    version: 3.0.2
    path: C:\tools\ruby30\bin\ruby.exe
npmPackages:
  "@react-native-community/cli":
    installed: 20.0.0
    wanted: 20.0.0
  react:
    installed: 19.1.4
    wanted: 19.1.4
  react-native:
    installed: 0.81.6
    wanted: 0.81.6
  react-native-windows:
    installed: 0.81.15
    wanted: 0.81.15
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: Not found
  newArchEnabled: Not found
iOS:
  hermesEnabled: Not found
  newArchEnabled: Not found
Community Modules

No response

Target React Native Architecture

None

Target Platform Version

None

Visual Studio Version

None

Build Configuration

None

Snack, code example, screenshot, or link to a repository

No response

Lenguaje dominante
C++
Estrellas
17.4k
Forks
1.2k
Merge medio
3 d 10 min
PR fusionados (30 d)
14

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de microsoft/react-native-windows

Todos los issues de microsoft/react-native-windows

Issues similares

Más issues de C++

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.