Page scrolling doesn't work

[bul-dog]

Hi,

I installed latest version (0.23.1) on my project, slider is working perfectly but i can't vertical page scroll over the slider on IOS chrome and safari.

[danilozangari]

Same here!

[laveesingh]

The page is not supposed to be scrollable vertically when your finger is on the slider and verticalSwiping is true. Let me know if your case differs the situation.

[bul-dog]

I solved,

first of all i moved "react-slick" folder from "node_modules" to my custom folder that is name "helper" because we will update a file in that folder so we prevent it from npm update.

open "/helper/react-slick/lib/utils/innerSliderUtils.js"
and remove or comment out line 300 "e.target.tagName === "IMG" && e.preventDefault();"

now we must change used places
old using: import Slider from 'react-slider'
new using: import Slider from '/helper/react-slider'

i hope it helps you too

[imranismail]

Just chiming in that it's happening on my repo as well.

[Mrtcndkn]

For my case, I have a slider on top of my page and details on the bottom. But my image is almost getting the full width and height of the page. Therefore when you open the page from a phone on safari all viewport is almost image and then I want to be able to perform vertical scrolling on the image and still have my horizontal slider as well. Briefly when I put the horizontal slider on my page that page should be scrollable from anywhere.

[Mrtcndkn]

I'm still having this problem and couldn't find any solution besides of @bul-dog's solution. But I don't want to do that will there be a fix for this issue?

[pmgmendes]

@Mrtcndkn Check if the approach presented at #1190 fits your needs.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.