Hover state can be triggered on mobile within a table row #9709
Description
Provide a general summary of the issue here
On mobile (iPhone 16 Pro iOS 26.3), I noticed tables that have actions within their cells will acquire data-hovered=true once the action trigger is interacted with on the table row occasionally.
🤔 Expected Behavior?
I'd assume we would never be able to get the data-hovered=true on a touch device
😯 Current Behavior
The table row will acquire the 'data-hovered=true' attribute when interacting with a button within a table row.
💁 Possible Solution
No response
🔦 Context
Most of our tables feature action drop-downs like the filterable CRUD table example, but also quick copy actions. These work great on desktop but start to encounter weird behaviors on mobile due to the underlying cause of a hover event being triggered on touch devices.
🖥️ Steps to Reproduce
I've reproduced this bug when opening the action in the Filterable CRUD table. Then closing via the trigger or performing the 'share' action causes the row to have the data-hovered=true attribute added. It seems that sometimes even a row we haven't interacted with will receive data-hovered=true after a dialog closes.
I've also created a CodeSandbox.
Video of the issue with the CodeSandbox example: https://share.cleanshot.com/Zl001lKn
Video of the issue with the Filterable CRUD table: https://share.cleanshot.com/t6yLJzgN
Version
"react-aria-components": "^1.15.1". Also happens in earlier versions.
What browsers are you seeing the problem on?
Safari
If other, please specify.
No response
What operating system are you using?
iOS 26.3
🧢 Your Company/Team
Clerk
🕷 Tracking Issue
No response