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(theme): Make the menu traversable only when the menu is visible #1448

Closed
wants to merge 19 commits into from
Closed

fix(theme): Make the menu traversable only when the menu is visible #1448

wants to merge 19 commits into from

Conversation

7nohe
Copy link
Contributor

@7nohe 7nohe commented Oct 8, 2022

fixes #1332

Set tabindex="-1" and disable tab key navigation.

reference: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex

@userquin
Copy link
Collaborator

userquin commented Oct 9, 2022

@7nohe with tabindex we only fix focus but we need to trap focus when menu is shown. We also need to add escape key listener to hide the menu once it is shown, selecting/focusing current entry (and maybe we need to add a close button).

@7nohe
Copy link
Contributor Author

7nohe commented Oct 13, 2022

Sure, we need to trap focus. I'll work on it later.

@7nohe 7nohe closed this by deleting the head repository Oct 15, 2022
@7nohe
Copy link
Contributor Author

7nohe commented Oct 15, 2022

accidentally pushed wrong commits. I will create new one.

@github-actions github-actions bot locked as resolved and limited conversation to collaborators Jan 21, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

menu (navigation drawer) should not be traversable with keyboard when not shown
9 participants