dequelabs / dequelabs/cauldron

[A11Y] An open ActionList menu does not close when Tab is pressed

Open
#2,181 0 comments 0 reactions 0 assignees View on GitHub
accessibility
Dominant language
TypeScript
Stars
127
Forks
31
Avg merge
2d 12h
Merged PRs (30d)
8

Description

When an ActionList is opened, so the ActionListItems are shown, and you press Tab, focus moves to the next focusable element on the page and the ActionList remains open.

### Short Description

I think the above was short enough.

### Impact

I would say this is Critical as an app using the component will fail accessibility testing (in my limited experience).

- [ ] Blocker
- [ X] Critical
- [ ] Serious
- [ ] Moderate
- [ ] Minor

### Steps To Reproduce:

This can be seen on the docs page here: https://cauldron.dequelabs.com/components/ActionMenu

### Current Behavior:

See above

### Expected Behavior:

I expect it should behave like the HTML native element, and close when Tab is pressed.
Focus should remain on the button element, not move to the next element.

See https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/select

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.