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(TableBatchActions): ensure hidden action bar un-focusable #5081

Conversation

asudoh
Copy link
Contributor

@asudoh asudoh commented Jan 17, 2020

This change prevents hidden table batch action bar contents from being
focused.

Fixes #5049.

Changelog

Changed

  • tabIndex for buttons in hidden batch action bar.

Testing / Reviewing

Testing should make sure table batch action bar is not broken.

This change prevents hidden table batch action bar contents from being
focused.

Fixes carbon-design-system#5049.
@netlify
Copy link

netlify bot commented Jan 17, 2020

Deploy preview for the-carbon-components ready!

Built with commit 6f1f27d

https://deploy-preview-5081--the-carbon-components.netlify.com

@netlify
Copy link

netlify bot commented Jan 17, 2020

Deploy preview for carbon-elements ready!

Built with commit 6f1f27d

https://deploy-preview-5081--carbon-elements.netlify.com

@netlify
Copy link

netlify bot commented Jan 17, 2020

Deploy preview for carbon-components-react ready!

Built with commit 6f1f27d

https://deploy-preview-5081--carbon-components-react.netlify.com

Copy link
Member

@tw15egan tw15egan left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tab flow is much improved, LGTM 👍

Copy link
Member

@emyarod emyarod left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

it looks like if an item is selected (so that the batch action bar appears), it's possible to tab to the hidden items before reaching the table. in the GIF below there are several tab stops in between the batch action bar and the first checkbox in the table

Kapture 2020-01-17 at 10 28 04

Copy link
Member

@emyarod emyarod left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

the hidden focusable element issue looks resolved now. snapshots just need to be updated

@asudoh asudoh merged commit 8799d8e into carbon-design-system:master Jan 21, 2020
@asudoh asudoh deleted the table-batch-action-sequential-navigation branch January 21, 2020 03:31
joshblack pushed a commit to joshblack/carbon that referenced this pull request Jan 23, 2020
…-design-system#5081)

This change prevents hidden table batch action bar contents from being
focused.

Fixes carbon-design-system#5049.
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.

[DataTable]: Keyboard navigation broken when using batch action version
3 participants