React-slick: [iPhone Safari] Can not scroll down page when finger is on image

Created on 26 Mar 2018  路  13Comments  路  Source: akiran/react-slick

On iPhone8 and iPhone X (Safari),

Scrolling down does not work if finger is swiping down on the image area.

This is new with version 0.21.0. Rolling back to 0.20.0 fixes this issue.

High

Most helpful comment

For those still looking for a solution to this, setting pointer-events: none on the img fixes this.

All 13 comments

Having same issue, using multiple carousels and scrolling is broken if finger is on carousel

Are you talking about vertical scrolling here?

Yes, that is correct. I have multiple vertically aligned sliders, and if you try to scroll when touching carousel image nothing happens.

Having same issue too. I add a carousel in home page, but I can not scroll down this page on mobile browser:(

I am looking into it and will try to come up with something asap.

The referenced commit should take care of it, the changes will be released soon.

This is still broken for me in 0.23.1

This is also broken for me. Using 0.23.1

This is also broken for me. Using safari
Mozilla/5.0 (iPad; CPU OS 11_2_6 like Mac OS X) AppleWebKit/604.5.6 (KHTML, like Gecko) Version/11.0 Mobile/15D100 Safari/604.1" = $4

OK, I found solution at another issue. #1190. thx.

@laveesingh This is also broken for me in v0.23.1. Do we need to file a new issue? The other solutions are hacky.

For those still looking for a solution to this, setting pointer-events: none on the img fixes this.

This issue also happened in Redmi Note 3 too, by using v0.25.2
@bsturdivan thanks, your solution is work for me

Was this page helpful?
0 / 5 - 0 ratings

Related issues

rohitgoyal7 picture rohitgoyal7  路  3Comments

ramyatrouny picture ramyatrouny  路  3Comments

adamthewan picture adamthewan  路  4Comments

quarklemotion picture quarklemotion  路  4Comments

briziel picture briziel  路  3Comments