Skip to content

[Popover] Keyboard navigation enhancements #2188

@mirualves

Description

@mirualves

Feature request summary

Currently, tabbing forward out of popover closes it, sending focus back to the button that triggers it. The expected behaviour is to send focus to the forward element instead.

Partially fixes: https://github.com/Shopify/polaris-ux/issues/161

Rationale

General keyboard Interaction
With focus on the button (trigger):
Enter or Space: opens the popover and places focus on the first menu item.
Tab: Moves focus to the first menu item.
Tab (out of popover): Moves focus to the next element on the page.
Shift Tab: Moves focus to the previous menu item or element on the page.

Try the above instructions on https://www.shopify.com/. It behaves as expected.


🌟 Feature requests that are not yet planned will be closed. We then use the issue’s 👍 upvotes to track and set priorities. See the contribution guidelines for more information.

Metadata

Metadata

Labels

AccessibilityNeeds design, development, or content work relating to accessibility.Feature request

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions