Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
anastasialanz opened this issue Sep 18, 2024 · 0 comments
Open

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

anastasialanz opened this issue Sep 18, 2024 · 0 comments
Labels
bug Something isn't working

Comments

@anastasialanz
Copy link
Contributor

anastasialanz commented Sep 18, 2024

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 <button> 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.
popover-blocker-aria-hidden.mov

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

Blocked aria-hidden on a <button> 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. <button type=​"button" class=​"Button--secondary" aria-haspopup=​"true" aria-expanded=​"true" aria-controls=​"popover2">​…​</button>​gridUnderstand this error

Anything else we should know?

Additional information

@anastasialanz anastasialanz added the bug Something isn't working label Sep 18, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant