Skip to content

useFocusVisible returns false when using Full Keyboard Access on Apple devices #8238

Open
@saren44

Description

@saren44

Provide a general summary of the issue here

When using Apple's Full Keyboard Access accessibility feature, useFocusVisible hook wrongly returns false after pressing space (default Activate key). This seems to be inconsistent with HTML's :focus-visible, which keeps taking effect (tested on Chrome 135.0.7049.115 and MacOS 15.3.1).

🤔 Expected Behavior?

useFocusVisible should stay true after pressing space in Full Keyboard Access mode

😯 Current Behavior

useFocusVisible is changed to false after pressing space in Full Keyboard Access mode

💁 Possible Solution

No response

🔦 Context

No response

🖥️ Steps to Reproduce

The issue is visible on the documentation page for useFocusVisible.

  1. Turn on Full Keyboard Access accessibility setting
  2. Go to https://react-spectrum.adobe.com/react-aria/useFocusVisible.html
  3. Navigate around the page using Tab key. The Focus visible indicator in example is set to true
  4. Press space to perform an action (e.g. open one of the drop-down menus)
  5. The Focus visible indicator now displays false

Version

3.39.0

What browsers are you seeing the problem on?

Chrome

If other, please specify.

Safari, Firefox

What operating system are you using?

MacOS 15.3.1

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions