Blocked aria-hidden on an element because its descendant retained focus #1359
Description
Checks
- Not a duplicate.
- Not a question, feature request, or anything other than a bug report directly related to Splide. Use Discussions for these topics: https://github.com/Splidejs/splide/discussions
Version
v4.1.3
Description
We have Carousel with multiple items a page (splide splide--loop splide--ltr splide--draggable is-active is-initialized) and you drag the carousel a bit faster to the left and right and to the left and the right, then Chrome Dev Tools - Console says:
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: a
Ancestor with aria-hidden: <div class="splide__slide splide__slide--clone" id="image-carousel-clone05" role="tabpanel" aria-roledescription="slide" aria-label="2 of 3" style="margin-right: 35px;" aria-hidden="true">…
Does anyone else has this problem? Thank you!
Reproduction Link
No response
Steps to Reproduce
Discribed at the description section...
Expected Behaviour
No error messages in console