adobe/react-spectrum

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

Open

#6,809 建立於 2024年7月31日

在 GitHub 查看
 (9 留言) (1 反應) (0 負責人)TypeScript (1,500 fork)auto 404
FormRACbughelp wanted

倉庫指標

Star
 (15,634 star)
PR 合併指標
 (PR 指標待抓取)

描述

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.

https://github.com/user-attachments/assets/eed2395a-abfa-4ac5-ab0b-29cd4c0e3e0b

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

貢獻者指南