Android bug: carousel prevents vertical scrolling on mobile

[geekyme]

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]

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]

Try this

.rn-carousel-container {
    touch-action: pan-y;
}

[revolunet]

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

[GbalsaC]

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]

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

list of items that is far beyond the 100% height of the page view. I cannot scroll down using touch or mouse.

I'm using this version of angular-carousel and angular-touch: https://cdnjs.cloudflare.com/ajax/libs/angular-carousel/0.3.9/angular-carousel.min.js https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.11/angular-touch.min.js Is this the correct version that contains the builtin fix?

PS - I have tried adding the suggested class override in my local CSS file and still not working: .rn-carousel-container { -ms-touch-action: pan-y; touch-action: pan-y; }

Please help. Thank you!

I'm using Chrome Version 40.0.2214.93 in a touch screen laptop.

[tauheedul]

adding touch-action: pan-y worked for me