Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Vertical scrolling on Chrome Android is stopped when I encounter the slider. #449

Closed
ahmadalfy opened this issue Aug 14, 2014 · 33 comments
Closed

Comments

@ahmadalfy
Copy link
Collaborator

This is a problem specific to Chrome Android. When vertically swipeing (aka scrolling) a webpage and reaching a slider using slick, the scrolling stop. Further attempt to swipe (over the slider) to move on fails.

Cannot confirm about native Android browser.

Working fine on Chrome iOS and Safari iOS.

@kenwheeler
Copy link
Owner

Using 1.3.7?

@dahliacreative
Copy link

I just upgraded to 1.3.7 and I can't scroll the page at all once slick has initialised.

@ahmadalfy
Copy link
Collaborator Author

No that was "1.3.6"

I will update to "1.3.7" and report to you

@malcolmp
Copy link

I'm seeing this on Chrome Android with 1.3.7 as well.

@ArnabNandan
Copy link

Reporting same issue. I'm using => gem "jquery-slick-rails", 1.3.6

@ArnabNandan
Copy link

Issue still persists in 1.3.7

@Emnalyeriar
Copy link

I encountered in Windows Phone native browser. Anyone knows a fix?

@kenwheeler
Copy link
Owner

Looking into this aggressively

Eddie84 added a commit to Eddie84/slick that referenced this issue Aug 25, 2014
@Eddie84 Eddie84 mentioned this issue Aug 25, 2014
@beam2web
Copy link

beam2web commented Sep 9, 2014

ahmadalfy and Emnalyeriar,
maybe the problem is in the css.

Helped for me:
.slick-slider {
touch-action: auto;
-ms-touch-action: auto;
}

@minDGarden
Copy link

This is the same issue that affected Windows mobile see issue #496

@ArnabNandan
Copy link

I tried the fix Fix #449 #471.
working fine in all phones

@robmclarty
Copy link

I've got the same problem on my Nexus 4 Android 4.4.4 on Chrome 37. I'm using Slick 1.3.7.

I've tried touch-action: auto, pan-y, and none.

I've tried disabling draggable, swipe, and touchMove too.

@kenwheeler
Copy link
Owner

@robmclarty touch-action: pan-y didn't work for you?

@robmclarty
Copy link

nope. currently using touch-action: pan-y on http://www.verold.com/explore and scrolling gets stuck when touchdown happens within the area that contains the slick.js slides (.slick-slider or .slick-list) on android chrome on my phone.

@kenwheeler
Copy link
Owner

@robmclarty I see touch-action none on that

@kenwheeler
Copy link
Owner

@robmclarty your implementation looks awesome btw

@kenwheeler
Copy link
Owner

Fixed on master

@robmclarty
Copy link

omg, i'm a dumb dumb. It's been so long since i looked at this I forgot I was loading a separate, customized version of slick.css which of course contained the old styles with touch-action: none. Updating to touch-action: pan-y works great now. Thanks!

...and thx for the compliment. Your library has been the most pleasurable to use by far ;) Nice job!

@kenwheeler
Copy link
Owner

@robmclarty high five

@oller
Copy link
Contributor

oller commented Sep 23, 2014

Hey guys, I'm encountering this issue too - any idea when a release will be made including this fix? I'm managing slick through bower which is still @ 1.3.7

@kenwheeler
Copy link
Owner

@oller it was released in 1.3.7

@kenwheeler
Copy link
Owner

@oller 1.3.8 is slated for this weekend

@oller
Copy link
Contributor

oller commented Sep 23, 2014

Not sure if it was fixed in 1.3.7, I think commit c723261 brought in the fix, in any case great to know 1.3.8 is imminent, lovely stuff @kenwheeler, great library! 👍

@sathishkumar88
Copy link

Hi all,
I used slick for android application but it did not work for latest android version... in my app i am using mobile.js too so does this cause any problem?

@waazzaa
Copy link

waazzaa commented Jan 14, 2015

Hi, I'm having the same Issue, 1.3.15 I have the touch-action: pan-y; and the vetical property in true, with touchmove: true, any idea?

URL: Factico.nextlab.org

@ISaindon
Copy link

Hi, I'm also having the same issue with version 1.3.15. New ideas?
Thanks

@ahmadalfy
Copy link
Collaborator Author

@ISaindon make sure you update all the CSS and the JavaScript files and that you are not including the old CSS files

@ISaindon
Copy link

Thank you...I downloaded the latest version 1.4.0 and it's working
perfectly well now.

On Thu, Jan 29, 2015 at 1:49 PM, Ahmad Alfy notifications@github.com
wrote:

@ISaindon https://github.com/ISaindon make sure you update all the CSS
and the JavaScript files and that you are not including the old CSS files


Reply to this email directly or view it on GitHub
#449 (comment).

@Kunamatata
Copy link

I am having this issue with version 1.5.7

EDIT: Nevermind I still had the old css styles in it.

@Rajgoud-225
Copy link

I'm not able to scroll the page in my moto xplay (6.0.1).. I've tried all the suggestion given by the pals above

@blicca
Copy link

blicca commented Jun 3, 2020

Still there is not solution?

@jqlm
Copy link

jqlm commented Oct 16, 2020

I have same bug. Any ideas how to fix it?

@Kunamatata
Copy link

@blicca @jqlm the last release was on Sep 12, 2017 version 1.8.0
I don't know the current state of this library but try with that newer version or find another library

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.