Description
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
Type
Projects
Status
🩺 To Triage