revolunet / angular-carousel

Mobile friendly AngularJS carousel
http://revolunet.github.io/angular-carousel
MIT License
1.55k stars 708 forks source link

Android bug: carousel prevents vertical scrolling on mobile #251

Open geekyme opened 9 years ago

geekyme commented 9 years ago

discovered a bug while using angular-carousel...

Say I create a mobile layout with a full screen slider that stretches according to the mobile device dimensions... Then I include some content below the slider.

I will not be able to scroll down to reach those content. It appears that angular-carousel is blocking vertical scrolling on android. This does not happen on iPhone though.

mattcrwi commented 9 years ago

I have a page layout exactly like that and it works fine for me in chrome on Android. What browser version are you testing on? I'm on Chrome 38.0.2125.114 on Android 4.4.4.

Edit: also, did you look at issue #205

jfyne commented 9 years ago

Try this

.rn-carousel-container {
    touch-action: pan-y;
}
revolunet commented 9 years ago

looks like you're using an old version of the carousel. the new release has it builtin (but there are breaking changes)

GbalsaC commented 9 years ago

Have exactly the same issue as @geekyme, it neither happens on Windows Phone. It's a chrome mobile exclusive issue (Androids and Tablets). I downloaded the angular carrousel via github repo (zip) about two days ago, used with angular touch 1.3.0. Haven't tried .rn-carousel-container {} yet but the issue seems to extent to all the web page. ( other ng-views with no DOM elements with rn carrousel as attributes.

rodriin commented 9 years ago

I'm facing a very similar issue. In my case I make a 100% height carousel and I drop the page content inside each

  • element. One
  • element contains a nested
  • tauheedul commented 8 years ago

    adding touch-action: pan-y worked for me