React-slick: Fade with Links components only shows the last Link

[artemidas]

It fades correctly and the content is changing, but if there is a Link in each slide, only the last Link will be clicked.
Here I modified jsfiddle to show an example https://jsfiddle.net/20bumb4g/166/

[josyan]

Same problem. It looks like the hidden slides have an opacity of 0, but are still displayed (display: block;), so interaction is only possible with the last slide which is on top.

[josyan]

I solved my problem by adding

.slick-initialized .slick-slide.slick-active {
  z-index: 1;
}

in my css.

[naltatis]

Another way would be to add pointer-events: none; to hidden (opacity: 0) slides.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.