Links in a slide are not clickable when 'fade: true'

[sumanthyedoti]

Links in a slide are not clickable when fade is true, even tried touchMove set to false

const settings = {
      slidesToShow: 1,
      speed: 500,
      autoplay: false,
      swipe: false,
      fade: true,
      touchMove: false,
};

Any workaround?

[outerlook]

it may happen because fade only affects opacity. Slides may be on top of your frame but invisible.

it affected me while I was using pinch and zoom gestures.

My solution was to add pointer-events: none to .slick-slide
and pointer-events: unset !important to .slick-current

[max-sym]

Having the same issue here. @outerlook thanks for a tip, should work.

[kauly]

Seems that the @outerlook solution only make the first slide clickable, is there a reason to set .slick-slide pointers-events to none?

[romanown]

for me helped z-index=10 for active and -10 for non active slider