react-spectrum
react-spectrum copied to clipboard
[RAC] setting "hovered" modifier on button from dev tools does not trigger hover state
Provide a general summary of the issue here
Browser dev tools "elements" tab usually have the option to simulate hover on an element. this is particularly useful to debug hover styles. When using this feature with a react-aria Button, it does not work: the data-hovered attribute is not applied.
๐ค Expected Behavior?
When forcing hovered state from browser developer tools, the data-hovered attribute is applied
๐ฏ Current Behavior
Nothing changes
๐ Possible Solution
no idea, sorry
๐ฆ Context
this makes it unnecessarily hard to debug hover styles. the data-hovered attribute can still be applied manually, but it's way less convenient
๐ฅ๏ธ Steps to Reproduce
- go here https://react-spectrum.adobe.com/react-aria-tailwind-starter/index.html?path=/docs/button--docs
- inspect the button
- force hover state
Version
1.2.1
What browsers are you seeing the problem on?
Chrome, Safari
If other, please specify.
No response
What operating system are you using?
MacOS
๐งข Your Company/Team
No response
๐ท Tracking Issue
No response