splide icon indicating copy to clipboard operation
splide copied to clipboard

Blocked aria-hidden on an element because its descendant retained focus

Open MichiSpandl opened this issue 8 months ago • 1 comments
trafficstars

Checks

  • [x] Not a duplicate.
  • [x] 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

MichiSpandl avatar Feb 26 '25 14:02 MichiSpandl

same here

sickdaflip avatar Mar 17 '25 13:03 sickdaflip