Why click on thumb does not always work ?

[VahromeevIlya]

I ran into a swiper problem, clicking on the preview of a slide doesn't always work. This is evident in the official example https://swiperjs.com/demos#thumbs-gallery . Click on previews 20-30 times, and you'll see that the click does not always work.

This problem is especially noticeable on mac os + apple mouse

If you put a click listener on the document, it works, but the internal click handler in the swiper doesn't always work.

[BjornKraft]

Adding threshold: 5, solved it for me.

[rabi-jollycommerce]

I am having same issue, when thumb is clicked, there is no response and main slide does not appear. I am using mac.

[VahromeevIlya]

I found a solution, check the link https://qna.habr.com/q/1152372#answer_2167314

[rabi-jollycommerce]

I didn't have to do any core change, it solved with thumb module integration.

[YouCanflyThruMostTheSun]

Is there any update on this issue? I have tried every fix I could search for yet, I still have problems with the thumbnails registering clicks.

Another odd behavior is also happening: When you get to the last 4 thumbnails, it will change the main image to the very last thumbnail and start not registering clicks.

[VahromeevIlya]

Did this solution not work for you?

on: {
  touchEnd: function(s,e) {
    let range = 5;
    let diff = s.touches.diff = s.isHorizontal() ? s.touches.currentX - s.touches.startX : s.touches.currentY 
                 - s.touches.startY
    if (diff < range || diff > -range) s.allowClick = true;
  }
},

[SebastienGicquel]

@VahromeevIlya Can you you explain your solution ? It is working but I don't understand why.