mantinedev / mantine

A fully featured React components library
https://mantine.dev
MIT License
26.79k stars 1.9k forks source link

Toggling Menu produces accessibility error in Chrome #7059

Closed dominictobias closed 1 week ago

dominictobias commented 2 weeks ago

Dependencies check up

What version of @mantine/* packages do you have in package.json?

7.13.4

What package has an issue?

@mantine/core

What framework do you use?

Vite

In which browsers you can reproduce the issue?

Chrome

Describe the bug

Look at Chrome console:

Blocked aria-hidden on an element because its descendant retained focus. The 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. Element with focus: button Ancestor with aria-hidden

Screenshot 2024-11-01 at 10 09 48 AM

If possible, include a link to a codesandbox with a minimal reproduction

https://mantine.dev/core/menu/

Possible fix

No response

Self-service

icflorescu commented 1 week ago

I've also bumped into this one recently. I'll try to have a look at it when I find a moment to see if I could come up with a possible fix.

rtivital commented 1 week ago

Duplicate of https://github.com/mantinedev/mantine/issues/7035