React-slick: Keyboard navigation not working

[jonaswindey]

In the default sandbox, arrow key navigation isn't working.

Even adding accessibility: true in the setting doesn't help.

https://codesandbox.io/s/nn15w3w860

Did anything change about this in the last release?

[laveesingh]

Arrow key navigation requires the focus to be on the slider or any of the children. Had to prevent default of swipe event to avoid dragging images instead of slider track, which was troubling for a long time. Currently, clicking on an image won't focus on the slider, you have to click anything except on the image. Then the slider is in focus and key navigation would work.
This doesn't sound very good, so I have added an additional event listener: 5bd8d601891c5f5e541b971ec44b5278b4329235
This change will be released with the next version.

[jonaswindey]

Thanks. Even clicking outside the image currently doesn't work for the default sandbox.

[laveesingh]

@jonaswindey I'm not sure if that's the case. Following is the behaviour of the very same example you posted above after clicking right next to the image.

[jonaswindey]

You're right. You have to click exactly between the image and the arrow. I suppose that's not the expected behaviour.

[laveesingh]

Not at all intended, but the fixing changes are on the way.

[randallreedjr]

It looks like this was released in 0.22.0, but the arrow keys still aren't working for me (0.23.1). Is there another issue affecting keyboard navigation?