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

PRO-6684 cointext menus focus trap [a11y] #4805

Merged
merged 8 commits into from
Nov 23, 2024
Merged

Conversation

myovchev
Copy link
Contributor

Summary

Trap focus and cycle in the focusable elements in context menus.

What are the specific steps to test this change?

Filter menu in e.g. Pieces Manager should be focusable by keyboard only and should offer the expected UX.

What kind of change does this PR introduce?

(Check at least one)

  • Bug fix
  • New feature
  • Refactor
  • Documentation
  • Build-related changes
  • Other

Make sure the PR fulfills these requirements:

  • It includes a) the existing issue ID being resolved, b) a convincing reason for adding this feature, or c) a clear description of the bug it resolves
  • The changelog is updated
  • Related documentation has been updated
  • Related tests have been updated

If adding a new feature without an already open issue, it's best to open a feature request issue first and wait for approval before working on it.

Other information:

Copy link

linear bot commented Nov 14, 2024

@@ -17,6 +17,7 @@
:label="selectBoxMessageButton"
class="apos-select-box__select-all"
text-color="var(--a-primary)"
:disabled="!showSelectAll"
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Required because the buttons are getting selected when trapping focus, but they are also hidden.

@stuartromanek stuartromanek marked this pull request as draft November 19, 2024 14:50
@myovchev myovchev marked this pull request as ready for review November 20, 2024 15:54
Copy link
Member

@stuartromanek stuartromanek left a comment

Choose a reason for hiding this comment

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

The UX of these changes feels great .. @ETLaurent might want to take a look, as one who broke ground on the focus trapping work

@myovchev myovchev merged commit e8c1c9e into main Nov 23, 2024
9 checks passed
@myovchev myovchev deleted the PRO-6684-filter-a11y branch November 23, 2024 11:06
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.

2 participants