Carousel: aria-hidden Conflict with Indicator Focus

[denizguzel]

Dependencies check up

• I have verified that I use latest version of all @mantine/* packages

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

7.16.1

What package has an issue?

@mantine/carousel

What framework do you use?

Vite

In which browsers you can reproduce the issue?

Chrome

Describe the bug

When the Carousel component is used with withIndicators, clicking on any of the indicators produces the following error in the 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](https://www.google.com/url?sa=E&q=https%3A%2F%2Fw3c.github.io%2Faria%2F%23aria-hidden).
Element with focus: button
Ancestor with aria-hidden: <button class="mantine-focus-auto m_eae68602 mantine-Carousel-indicator m_87cf2631 mantine-UnstyledButton-root" type="button" aria-hidden="true" tabindex="-1" data-orientation="horizontal"></button>

This error message indicates that an indicator button within the Carousel, which has the aria-hidden="true" attribute, is somehow receiving focus. This is a violation of accessibility guidelines because assistive technologies rely on focus to convey information to users. The browser is blocking the hiding of this element because it or one of its descendants currently has focus. The recommended solution is to use the inert attribute instead of aria-hidden, as inert both visually hides and prevents interaction with the element, including focusing.

You can reproduce the issue on the Mantine documentation website: https://mantine.dev/x/carousel/#options. Try clicking on one of the indicator buttons below the carousel to see the error in your browser's console.

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

No response

Possible fix

No response

Self-service

• I would be willing to implement a fix for this issue

[rtivital]

Fixed in 7.16.3