Swiper: Native Links in A slider Item Chrome

Created on 14 May 2015  路  5Comments  路  Source: nolimits4web/swiper

Hello,

Thank you for that great slider.

I have found a bug on Chrome. If there is a link in a slider item. It is not clickable. I have already closed the ;
preventClicks: true,
preventClicksPropagation: true,

to prevent accidentally click event when swiping. If I set them "false" links are clickable (e.preventDefault() will be omitted in script) but when i try grabbing or swiping it, accidentally link targeting occurs. This is an important UX issue.

This issue can be seen in your plugin page on Chrome http://www.idangero.us/swiper/
Check the first slide. There are already links there but click event is not triggering when user clicks.

Firefox seems ok.

Most helpful comment

I wish you could fix it :(

All 5 comments

It looks like a browser/environment problem. Duplicate of #1152 and the same in http://www.idangero.us/swiper/forum/#!/bugs-and-issues:nextbuttonprevbutton-doesn

but when i try grabbing or swiping it, accidentally link targeting occurs. This is an important UX issue.

That is why at least preventClicks: true should be enabled

In my case, the 'pointer-events' CSS attribute on a item will break link and hover! (Pointer-events: none;)

I wish you could fix it :(

Solution: Add this preventClicks: false

So any real solution or at least workaround would be great!

var swiper1 = new Swiper('.s1', {
     // your code...
    preventClicks: false,
     // your code...
});

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

Was this page helpful?
0 / 5 - 0 ratings