dequelabs / dequelabs/cauldron

Bug: Escaping Popover shows aria-hidden error in the console

Open
#1,683 0 comments 0 reactions 0 assignees View on GitHub
bug
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

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.