Skip to content

Keyboard focus remains in same location after mouse click elsewhere in app #14497

@chiaramooney

Description

@chiaramooney

Problem Description

When navigating through an RNW using the keyboard a black focus ring appears around the currently focused control. However, if the user clicks on a different component in the app, the focus ring remains visible on the previous control. This behavior does not match other Windows app like WinUI3 Gallery.

Video Example:

focus-lingers.mp4

WinUI3 Behavior:

winui-lingers.mp4

Steps To Reproduce

  1. Use keyboard to navigate through app, click on a new control.

Expected Results

Focus ring should disappear from screen.

CLI version

N/A

Environment

N/A

Community Modules

No response

Target Platform Version

None

Target Device(s)

No response

Visual Studio Version

None

Build Configuration

None

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

No response

Metadata

Metadata

Assignees

Labels

Area: FocusArea: MouseNew ArchitectureBroad category for issues that apply to the RN "new" architecture of Turbo Modules + FabricWorkstream: Component ParityClose the parity gap between RNW and RN for core RN components and their supporting APIs.bug

Type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions