Skip to content

isFocusVisible is not set on elements using react-hook-form #6809

Open
@zommerberg

Description

@zommerberg

Provide a general summary of the issue here

When I use react-hook-form I cannot focus WITH isFocusVisible on the Select element.

The Select element itself gets the focus but without the isFocusVisible I cannot render a propper ring around the select.

Recording.2024-07-31.182643.mp4

NOTE: I do understand that the components exposes a isFocused property that i could use to render the outline but that also means that after I select an element the outline will still be visible which is unwanted behavior.

🤔 Expected Behavior?

Once focus is set on the component via react-hook-form it should add the isFocusVisible property to it so the outline is shown.

😯 Current Behavior

No isFocusVisible gets set for Select, RadioGroup, CheckboxGroup etc...

💁 Possible Solution

No response

🔦 Context

No response

🖥️ Steps to Reproduce

https://github.com/zommerberg/react-aria-hook-form-bug

Version

"react-aria-components": "^1.3.1",

What browsers are you seeing the problem on?

Firefox, Chrome, Safari, Microsoft Edge

If other, please specify.

No response

What operating system are you using?

Windows 11

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    • Status

      🩺 To Triage

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions