swiper thumb gallery click problem

[elisabisello]

I'm using the last version of swiper (v12.2.0 now). I have a thumbs gallery and it doesn't work correctly: the click is not always intercepted correctly.
I tried to use this configuration, but I don't resolve the problem:

                                                var swiper = new Swiper("#productImagesThumbGallery.swiper", {
                                                    modules: [Swiper.Navigation],
                                                    spaceBetween: 5,
                                                    slidesPerView: 3,
                                                    allowTouchMove: false,
                                                    freeMode: false,
                                                    loop: false,
                                                    // Increase the tolerance for distinguishing clicks from drags
                                                    threshold: 10,
                                                    touchRatio: 0.2,
                                                    resistance: true,
                                                    resistanceRatio: 0.85,
                                                    navigation: {
                                                        nextEl: "#contentProductImagesThumbGallery .swiper-button-next",
                                                        prevEl: "#contentProductImagesThumbGallery .swiper-button-prev",
                                                    },
                                                    breakpoints: {
                                                        // when window width is >= 992px
                                                        992: {
                                                            spaceBetween: 30,
                                                        },
                                                    },
                                                    // Calculate each slides progress and visibility
                                                    watchSlidesProgress: true,
                                                }); 

Specifically I disabled: allowTouchMove and loop.
Even the demo on the official website has the same problems.
I've enabled debugging to identify the problem and it seems the click or tap event doesn't always fire.
Has anyone managed to resolve this issue? I've found other threads about it, but they're very old.

[Poliklot]

@elisabisello

I reproduced this with Swiper 12.2.0 in Chrome/macOS and Safari on a physical iPhone.

The issue is related to allowTouchMove: false. In onTouchMove, this branch sets allowClick = false before checking threshold. Consequently, Swiper skips its internal tap/click events, and Thumbs does not switch the main image.

With threshold: 10:

• Chrome/macOS: a 1 CSS px mouse movement between press and release caused missed selections in 10/10 attempts. Changing only allowTouchMove to true made the same test pass in 10/10.
• Physical iPhone: a completed gesture with a maximum recorded displacement of 7.3 CSS px missed the selection with false; a control gesture reaching 9.5 CSS px worked with true. Neither involved cancellation or native dragging. The browser’s native DOM click arrived in both cases.

If dragging is acceptable, try:

allowTouchMove: true,
threshold: 10,

This is a workaround, not a fix that preserves disabled dragging. Increasing threshold or setting preventClicks: false did not resolve the desktop reproduction.

I haven’t verified the official-demo case. Could you share its exact URL and your browser/device?