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(tabs): focus on keyboard navigation #2301

Merged
merged 8 commits into from Jan 12, 2023

Conversation

zeroedin
Copy link
Collaborator

@zeroedin zeroedin commented Jan 9, 2023

What I did

  • Fixed focus on keyboard navigation, await tabindex update before applying .focus() on selected tab.
  • Fixed incorrect placement of tabindex on the container of tab and not the button

Todo:

  • Add spec test that checks for correct focus on keyboard navigation

Testing Instructions

See deploy preview demo.

Reviewer Notes

Check for accessibility of keyboard navigation and correctness of set focus.

@zeroedin zeroedin added the 1:1 Aligning components with PatternFly v4 label Jan 9, 2023
@zeroedin zeroedin added this to the PatternFly 1:1 milestone Jan 9, 2023
@zeroedin zeroedin self-assigned this Jan 9, 2023
@changeset-bot
Copy link

changeset-bot bot commented Jan 9, 2023

🦋 Changeset detected

Latest commit: f94451f

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@patternfly/pfe-tabs Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@github-actions github-actions bot added work in progress POC / Not ready for review functionality Functionality, typically pertaining to the JavaScript. labels Jan 9, 2023
@github-actions github-actions bot added this to In progress in Workflow Jan 9, 2023
@zeroedin zeroedin added the accessibility Improve accessibility label Jan 9, 2023
@github-actions github-actions bot added the AT passed Automated testing has passed label Jan 9, 2023
@github-actions
Copy link
Contributor

github-actions bot commented Jan 9, 2023

Deploy Preview for patternfly-elements ready!

Name Link
🔨 Latest commit 1732532
😎 Deploy Preview https://deploy-preview-2301--patternfly-elements.netlify.app/

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

@zeroedin zeroedin marked this pull request as ready for review January 9, 2023 16:33
@zeroedin zeroedin marked this pull request as draft January 9, 2023 17:44
@github-actions github-actions bot added the tests Related to testing label Jan 9, 2023
@zeroedin zeroedin marked this pull request as ready for review January 9, 2023 19:11
elements/pfe-tabs/BaseTabs.ts Show resolved Hide resolved
Workflow automation moved this from In progress to Approved Jan 11, 2023
@bennypowers bennypowers enabled auto-merge (rebase) January 11, 2023 08:15
Copy link
Collaborator

@nikkimk nikkimk left a comment

Choose a reason for hiding this comment

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

Worked for me.

@bennypowers bennypowers merged commit fcde616 into main Jan 12, 2023
10 checks passed
Workflow automation moved this from Approved to Done Jan 12, 2023
@bennypowers bennypowers deleted the fix/tabs/focus-keyboard-navigation branch January 12, 2023 20:02
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
1:1 Aligning components with PatternFly v4 accessibility Improve accessibility AT passed Automated testing has passed functionality Functionality, typically pertaining to the JavaScript. tests Related to testing work in progress POC / Not ready for review
Projects
Development

Successfully merging this pull request may close these issues.

None yet

3 participants