Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

Window not gaining focus on app start

Đang mở
  • Có gì không ổn?
#16,176 0 bình luận 0 reaction 0 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 2 ngày

Chưa có ai nhận issue này.

Đánh giá

Độ khó
3/5
Thời gian dự kiến
1-2 ngày
Mức phù hợp với người mới
52/100
Loại issue
Lỗi
Độ rõ ràng
Khá rõ ràng
Mức độ hoạt động
Ít trao đổi
Công nghệ
react-native
Lĩnh vực
accessibility, desktop

Hướng nghiên cứu

Issue không nêu tệp nguồn, test hoặc entry point nào. Hãy bắt đầu bằng cách tái hiện hành vi khi khởi chạy trong một ứng dụng React Native Windows mới với component đầu tiên không thể nhận focus và một control có thể nhận focus; hoàn tất khi thao tác điều hướng bằng bàn phím hoạt động ngay sau khi khởi chạy mà không cần nhấp chuột, đồng thời phần tử có thể nhận focus đầu tiên hoặc phần tử có autoFocus nhận được focus.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

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

Ngôn ngữ chính
C++
Star
17.4k
Fork
1.2k
Merge trung bình
2 ngày 17 giờ
Pull request đã merge (30 ngày)
13

Chuẩn bị môi trường

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của microsoft/react-native-windows

Tất cả issue của microsoft/react-native-windows

Issue tương tự

Thêm issue về C++

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.