Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Use aria-selected to style selected cell/rows #2386

Merged
merged 8 commits into from
May 4, 2021
Merged

Conversation

amanmahajan7
Copy link
Contributor

@amanmahajan7 amanmahajan7 commented May 3, 2021

Reach UI also uses a similar strategy and it makes sense IMO as it forces us to design accessible components.

@amanmahajan7 amanmahajan7 changed the title Add attribute styles Use aria-selected to style selected cell/rows May 4, 2021
@amanmahajan7 amanmahajan7 self-assigned this May 4, 2021
@amanmahajan7 amanmahajan7 marked this pull request as ready for review May 4, 2021 13:46
@amanmahajan7 amanmahajan7 requested a review from nstepien May 4, 2021 13:46
src/style/grouprow.ts Outdated Show resolved Hide resolved
Co-authored-by: Nicolas Stepien <567105+nstepien@users.noreply.github.com>
nstepien
nstepien previously approved these changes May 4, 2021
@amanmahajan7
Copy link
Contributor Author

Found a bug with this approach 😎

src/DataGrid.tsx Show resolved Hide resolved
@amanmahajan7 amanmahajan7 merged commit 2e85a44 into canary May 4, 2021
@amanmahajan7 amanmahajan7 deleted the am-aria-styles branch May 4, 2021 15:08
gernotkogler pushed a commit to Garaio-REM/react-data-grid that referenced this pull request May 13, 2021
* Add aria-selected styles

* Fix test

* Use aria-selected for group rows

* Fix tests

* Fix types

* Fix typo

* Update src/style/grouprow.ts

Co-authored-by: Nicolas Stepien <567105+nstepien@users.noreply.github.com>

* Fix aria-selected on the group row

Co-authored-by: Nicolas Stepien <567105+nstepien@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants