React-slick: 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

[MaxChu23]

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