[RAC] setting "hovered" modifier on button from dev tools does not trigger hover state

[agos]

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

[snowystinger]

Thanks for the issue. Please see this post for why the library acts as it does. https://react-spectrum.adobe.com/blog/building-a-button-part-2.html

And for testing purposes and debugging, please see https://github.com/adobe/react-spectrum/issues/6198

[snowystinger]

Closing as working as intended