Swipe breaks on iOS 8

[jczaplew]

It seems that in both Safari and Chrome on iOS 8, a single swipe works as expected, but then the carousel does not allow any additional swipes. When the page is refreshed, all the carousels will again allow a single swipe, followed by no additional swipes.

Tested on http://blog.revolunet.com/angular-carousel/

[UserCentric-builds]

+1

I got the same issues on iPhone 5s iOS 8.

Rahim

On 18 Sep 2014, at 20:17, John J Czaplewski notifications@github.com wrote:

It seems that in both Safari and Chrome on iOS 8, a single swipe works as expected, but then the carousel does not allow any additional swipes. When the page is refreshed, all the carousels will again allow a single swipe, followed by no additional swipes.

Tested on http://blog.revolunet.com/angular-carousel/

—
Reply to this email directly or view it on GitHub.

[gabberr]

+1

Tried it by opening it the iOS Simulator. It has to be an issue with the new WKWebView, because the carousel works in my cordova app, which uses UIWebView.

[goldins]

+1

same exact issue on iOS 8 simulator and iPads running iOS 8.

[dmitriynosenko]

Unfortunately +1

[jinder]

This happens to me in the demo, but my own web app works fine with the carousel!

[goldins]

To add to this, the slideshow seems to get "unlocked" once an indicator is tapped. So I am temporarily getting around this issue by creating a mouse event to click the second indicator when the user swipes to the second page.

[yhaefliger]

I have the same issue, it seems once animation has been done (transform3d css) the ul carousel element is also moved and not visible when inspecting element. This cause no problem on desktop but it seems that is causing the issue for ios.
On my side I changed the swipe handler in angular-carousel.js so it is connected with the container and not the ul carousel element. It is working for me but I don't know if it has other consequences, so if you want to test I just changed at line 508:

                            $swipe.bind(carousel, {

with

                            $swipe.bind(container, {