Click Events on Child Items Not Firing - iOS (Desktop Browsers working as intended) about react-slick HOT 15 CLOSED

Ran into the same issue

from react-slick.

Related to kenwheeler/slick#412

if we upgrade the slick version we are using here, it would fix

from react-slick.

I've run into the same issue. On desktop, onClick events work as expected, but on mobile (whether in the chrome simulator or on an actual phone) onClick events don't go through. Thinking that this may have been related to facebook/react#1169, I added cursor: pointer on all clickable elements, but that did not solve the problem.

from react-slick.

@yankrasny Can you make a gist or jsfiddle? From which I can reporduce this issue? It will help a lot.

from react-slick.

@vramana sure, I'll try to get you an example later today. Thanks for the quick response.

from react-slick.

Hey @vramana, here are the jsfiddles for desktop and mobile.

Desktop: https://jsfiddle.net/yankrasny/hug2f0r1/6/
Mobile (access from a mobile or a simulator, I used chrome): https://jsfiddle.net/m/rvt/

The behavior is to display the link that was last clicked as proof that the onClick event went through. It works on desktop but not on mobile.

You'll also notice that on desktop, clicking any of the slides brings you back to the first one. I believe @haohcraft is right and this may be related to kenwheeler/slick#412.

from react-slick.

This is also happening for me.

from react-slick.

@akiran any update on this?

from react-slick.

@stevemckenzie Can you test the fix in 0.6.1 version

from react-slick.

Just tested version 0.6.1 and the issue appears to be fixed. Thank you!

from react-slick.

Thank you @akiran ! This definitely fixes the ability to touch links in slides.

I thought this was going to fix the automatically scrolling back to the first item when you start scrolling the page issue too but it didn't.

from react-slick.

@stevemckenzie Can you open a separate issue for the scrolling issue.

from react-slick.

how can I get version 0.6.1 with this fix? Available versions using bower are 0.5.0, 0.4.1 and 0.3.1

from react-slick.

I created a github release with 0.6.4 version.

Now you should be able to get it from bower

from react-slick.

Thank you very much! @akiran

from react-slick.