dequelabs / dequelabs/cauldron

TopBarMenu does not close on blur or select

Open
#218 3 comments 0 reactions 0 assignees View on GitHub
accessibility bug good first issue medium
Dominant language
TypeScript
Stars
127
Forks
31
Avg merge
2d 12h
Merged PRs (30d)
8

Description

When selecting an item or programmatically shifting focus causing a `blur` event, the [`TopBarMenu` component](https://cauldron.dequelabs.com/components/TopBarMenu) remains open and the focus indicator for that element does not reappear on focus until the component is clicked again.

- `onBlur` for the containing element should cause the menu to close.
- Selecting an item in the menu should also cause the menu to close.
- It would also be nice to expose the Close method as either a prop or as a React hook

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.