dequelabs / dequelabs/cauldron
Bug: Escaping Popover shows aria-hidden error in the console
- Dominant language
- TypeScript
- Stars
- 127
- Forks
- 31
- Avg merge
- 2d 12h
- Merged PRs (30d)
- 8
Description
### Steps to reproduce
- Go to https://cauldron.dequelabs.com/components/Popover
- Open the browser's developer tools
- Click on the "Prompt!" button
- Press `esc`
- See that the console shows `Blocked aria-hidden on a element because the element that just received focus must not be hidden from assistive technology users. Avoid using aria-hidden on a focused element or its ancestor. Consider using the inert attribute instead, which will also prevent focus. For more details, see the aria-hidden section of the WAI-ARIA specification at https://w3c.github.io/aria/#aria-hidden.`
https://github.com/user-attachments/assets/1703fdb0-cd88-4c9e-9366-1ca7b2d69c04
### Expected Behavior
No console error for aria-hidden
### Actual Behavior
A console error when pressing esc after opening the popover
### Version
6.7.0
### What browsers are you experiencing the problem on?
Chrome
### Relevant log output
```shell
Blocked aria-hidden on a element because the element that just received focus must not be hidden from assistive technology users. Avoid using aria-hidden on a focused element or its ancestor. Consider using the inert attribute instead, which will also prevent focus. For more details, see the aria-hidden section of the WAI-ARIA specification at https://w3c.github.io/aria/#aria-hidden. …gridUnderstand this error
```
### Anything else we should know?
Additional information
Contributor guide
Assessment
This issue has not been assessed yet.