search

ZouYouShun / ngx-hm-carousel

a light carousel for Angular18+, support mobile touch by hammerJs
https://stackblitz.com/edit/stackblitz-starters-nkd5pk?file=src%2Fmain.ts
MIT License
60 stars 10 forks source link

mobile - vertical scroll not working #25

Closed BayanAbuawadCL closed 5 years ago

BayanAbuawadCL commented 5 years ago

When touching the carousel container and trying to scroll vertically it doesn't work and nothing happens.

I am using angular material angular version is 8.1.1

ZouYouShun commented 5 years ago

hi @BayanAbuawadCL, which device you use?

could you provide the device and browser version and type?

BayanAbuawadCL commented 5 years ago

Hey @ZouYouShun, you can see it on the browser on device mode try touching the carousel container and scroll vertically you will see that it is not working.

I tested it on Chrome Version 75.0.3770.142 (Official Build) (64-bit). I also tested it on Xiaomi REDMI NOTE 7 device and got the same issue

BayanAbuawadCL commented 5 years ago

Solved by removing (swip) event from elements inside the carusel.

using something like : <div>(swipe)="stopCarouselAutoPlay()">......</div> inside the carousel kills the vertical scroll.