Issue with swipe gestures in iOS6 about cycle2

[davidrhansen]

Upon further testing, it appears this issue is isolated to iOS6. I am unable to reproduce in Android or iOS5 devices.

[malsup]

Yeah, I can't reproduce on Android/Chrome.

[owenhoskins]

This bug also occurs when using jQuery Mobile for Swipe support. Any idea which side of the equation is responsible for this behavior?

[malsup]

Unfortunately I don't have an iOS6 device to test with.

[davidrhansen]

A bit more info discovered while using Safari's dev tools in XCode's iOS Simulator:

If I swipe left, console logs 'cycle-next' and advances slider 1 step (correct behavior)

If I swipe up, then left before the vertical scroll animation completes, console logs 'cycle-next' but does not advance my slider or pager. All subsequent swipes or pager clicks are bugged until I refresh the page.

Edit -- correction -- originally reported that a horizontal swipe combined with a vertical swipe logged an opposite action (cycle-next vs cycle-prev) than a standalone horizontal swipe of the same direction. this is not the case, they both log the correct action, the difference being the horizontal / vertical combined swipe doesn't actually perform the advancement.

[owenhoskins]

Cycle1 + jSwipe is still functioning as expected on iOS6, so I am considering reverting back to Cycle1... although I'd prefer not to.

EDIT: Cycle 1 + Swipe plugin produces the same glitch when iOS6 registers a scroll swipe while Cycle is animating.

@malsup, Is this something that you intend to look (somehow) in the near future or would you recommend reverting?

best,
Owen

[malsup]

Yes, I plan to look into this. But in the meantime, doesn't jswipe work with cycle2?

[owenhoskins]

@malsup, Just tried the Jquery Touchwipe plugin (mixed up the names, didn't mean Jswipe), and it produces the same glitch. I then reverted to Cycle1 + Touchwipe, and I am getting the same exact glitch, unfortunately...

What it seems to be is that if the iOS6 registers a vertical swipe as a scroll while Cycle is still animating, it breaks.

[newelement]

I can confirm this as well on iOS6 at least.

[malsup]

I don't have an iOS device to test on so can someone please test this new impl as a replacement for my current swipe plugin?

http://jquery.malsup.com/cycle2/jquery.cycle2.zwipe.js

[newelement]

I updated the above file and swipe does not seem to work anymore.

[malsup]

Here's a test page that uses a different swipe impl. Works on Android, how about iOS?

http://malsup.com/jquery/cycle2/demo/swipe2.php

[newelement]

That page is working for me on iOS6 / iPhone 5

[owenhoskins]

Just tested it on iOS6 / iPhone 4s and its breaking the same way... I had also tested jQuery mobile and Touchwipe swipe implementations as well, I am afraid it is something mor core to cycle+iOS6, as I also discovered this glitch with cycle1.

[davidrhansen]

Tested here on iOS6 iPad 2 & iPhone 4s, the example at http://malsup.com/jquery/cycle2/demo/swipe2.php still breaks the same way

[malsup]

This script fixes the problem if you include it on your page (confirmed by testing).

https://gist.github.com/3798925

Found it via comments on this ticket: http://bugs.jquery.com/ticket/12620

[malsup]

Added note to swipe demo page: http://jquery.malsup.com/cycle2/demo/swipe.php

[sarathrajan]

Hi.. I have added the fix.js in my header and issue seems to be fixed. But my images are inside a link (), while clicking the image, its not redirecting. Just showing the loading icon and nothing happens after that. Please need help on this :(

[dejami-jphillips]

To make images wrapped in links, you make the > a the slide, not the image.
See 'Anchors' section on this page: http://jquery.malsup.com/cycle2/demo/non-image.php