adobe / adobe/react-spectrum

Table(react-aria-components): `[data-hovered]` does not work for `<Row/>`

Open
#4,411 8 comments 3 reactions 0 assignees View on GitHub
documentation RAC
Dominant language
TypeScript
Stars
15.9k
Forks
1.6k
Avg merge
3d 9m
Merged PRs (30d)
59

Description

# 🐛 Bug Report

[Documentation](https://react-spectrum.adobe.com/react-aria/Table.html#row-1:~:text=isHovered-,%5Bdata%2Dhovered%5D,-Whether%20the%20item) mentions `[data-hovered]` selector for ``. In reality, it does not work (the data attribute is not applied)

## 🤔 Expected Behavior

`data-hovered` attribute should be applied when row is hovered

## 😯 Current Behavior

`data-hovered` is not applied

## 💻 Code Sample

https://codesandbox.io/s/objective-field-7mq4g6?file=/src/App.js

in the example, I used `data-focus-visible` which works as expected when row is focused. `data-hovered` is also used, but styles are not applied when row is hovered with a mouse pointer.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.