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

[popover] Move focus to popover content on Tab from target #7607

Closed
web-padawan opened this issue Jul 31, 2024 · 0 comments · Fixed by #7609
Closed

[popover] Move focus to popover content on Tab from target #7607

web-padawan opened this issue Jul 31, 2024 · 0 comments · Fixed by #7609
Assignees
Labels
a11y Accessibility issue vaadin-popover

Comments

@web-padawan
Copy link
Member

web-padawan commented Jul 31, 2024

Describe your motivation

Emulate the popover being next in the tab order after the target, as it will be once we refactor to native popovers:
image

Describe the solution you'd like

  1. On target Tab, move focus to the popover overlay part (first focusable)
  2. On Shift + Tab on the next focusable after the popover target, move focus back to the last popover content focusable (can be the overlay part if there are no other focusable children)
  3. On Shift + Tab on the overlay part (first focusable) move focus back to the target
  4. On Tab on the last popover content focusable, move focus to the next focusable after the target
  5. On Tab on the body element before the popover overlay, make the focus skip the overlay
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
a11y Accessibility issue vaadin-popover
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant