search

akiran / react-slick

React carousel component
http://react-slick.neostack.com/
MIT License
11.72k stars 2.1k forks source link

slick-active and slick-current aren't updated when tabbing through slides #1541

Open aidandunlop opened 5 years ago

aidandunlop commented 5 years ago

When showing multiple slides with slidesToShow, and then tabbing through each slide, the currently focused slide isn't set to be the active or the current slide.

This causes issues when tabbing through the slides and then using the arrows to move the slides, as it will try to move the current slide which isn't visible/focused.

Replicated here: Sandbox

Might be similar to https://github.com/akiran/react-slick/issues/1463

aamirabbasnaqvi commented 1 year ago

Hi @akiran Any update on this ticket? Have't heard back on this for a long. We are facing this issue in our apps where we have used carousels with tiles that contain multiple focusable elements. The user is able to tab to the elements in the next tiles, but those focus events are not at all captured by the carousel, and hence the slick-active classes are not added/removed from the elements.