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

fix(Datagrid): expandable/nested review fixes, custom hook for keeping expander focus (v1) #3864

Conversation

matthewgallo
Copy link
Member

Contributes to #3821

Some updates after reviewing nested/expandable rows.

  • Addressed an issue where the row expanders were losing focus, thus breaking the keyboard accessibility while navigating for both nested and expandable rows.
  • Fixed invalid DOM nesting error, expandable row needed to have it's content wrapped in a td element.

What did you change?

packages/ibm-products/src/components/Datagrid/Datagrid/DatagridRow.js
packages/ibm-products/src/components/Datagrid/Extensions/ExpandableRow/ExpandableRow.stories.js
packages/ibm-products/src/components/Datagrid/Extensions/NestedRows/NestedRows.stories.js
packages/ibm-products/src/components/Datagrid/useExpandedRow.js
packages/ibm-products/src/components/Datagrid/useFocusRowExpander.js
packages/ibm-products/src/components/Datagrid/useNestedRowExpander.js
packages/ibm-products/src/components/Datagrid/useNestedRows.js
packages/ibm-products/src/components/Datagrid/useRowExpander.js
packages/ibm-products/src/global/js/package-settings.js

How did you test and verify your work?

Storybook

@matthewgallo matthewgallo requested a review from a team as a code owner November 29, 2023 19:33
Copy link

netlify bot commented Nov 29, 2023

Deploy Preview for v1-carbon-for-ibm-products ready!

Name Link
🔨 Latest commit 0861fae
🔍 Latest deploy log https://app.netlify.com/sites/v1-carbon-for-ibm-products/deploys/656a47e73ff3c60009850fdc
😎 Deploy Preview https://deploy-preview-3864--v1-carbon-for-ibm-products.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@matthewgallo matthewgallo merged commit 0048ef8 into carbon-design-system:main_v1 Dec 1, 2023
13 checks passed
@matthewgallo matthewgallo deleted the 3821-nested-expandable-row-release-review-updates_v1 branch December 1, 2023 21:04
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants