iOS: Carousel stops cycling after clicking next or prev button or carousel-indicators

[swsg]

If a carousel is auto-cycling, everything works fine on Desktops. If you click one of the buttons (prev, next or carousel-indicators), the carousel starts auto-cycling again after reaching the new slide.

If you click one of these buttons on android-phone or I-phone, the carousel will not start to auto-cycle again after reaching the new slide.

Bootstrap Version: 3.0.2 and 3.0.3

[cvrebert]

What version of iOS?

[swsg]

iOS 7.0.3 . Tomorrow I can check it on another iOS Version. The Android versions are 4.1.1 and 4.2.2.

[cvrebert]

We don't officially support the non-Chrome Android Browser.

[swsg]

I just checked it in the chrome Android Browser. Same problem here in both mentioned Android versions.

[swsg]

The carousel shows the same behaviour on iOS 6.1.3.

[mdo]

Just tried out the docs again, see the same problem. Guessing it's a problem of hover/focus as iOS doesn't reset that automagically.

[cvrebert]

Also confirmed in v3.1.1 on Android Chrome.

[swsg]

This fixed it for me:
jQuery('.carousel-indicators').click(function(){
jQuery('.carousel').carousel('cycle');
});

jQuery('.carousel-control').click(function(){
jQuery('.carousel').carousel('cycle');
});

[hnrch02]

This is because of the pause: 'hover' default. If you turn the pause option off, it works on iOS again: http://jsbin.com/reseg/2. A fix for this could be to only enable the pause option in non-touch browsers (By checking 'ontouchstart' in document.documentElement, like we do for dropdowns), see http://jsbin.com/reseg/3.