Events do not occur when linking images to iOS.

When marking up img tag with anchor link, hyperlink event is canceled only on iOS, is this in the specifications?

// Example
<Slider>
  <div><a href=""><img src=""></a></div>
  <div><a href=""><img src=""></a></div>
</Slider>

The following if statement is seemed to be the cause of the problem.

https://github.com/akiran/react-slick/blob/90bc26c52ca8cb879f26214b9a9a9cd6621b10d7/src/utils/innerSliderUtils.js#L307

In the current situation, not only image links but also onClick events can not be used, so we want at least a click event to be allowed.

[marzelin]

Have you tried setting pointer-events: none on the images? It might help.

[chrisslater]

I have encountered this issue with the images but didn’t want to drastically change the markup that @pmgmendes recommends.

Instead I created an extra element and added the onclick to that, and then used css to overlay the image

<div className="container">
  <img />
  <div className="hitbox" onClick={...} />
</div>

.container {
  position: relative;
}

.hitbox {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}