Draggable—dragClickables:true renders links unclickable on iOS

[notgettingstabbed]

Hello,

 

I'm running into inconsistent behavior with Draggable. I have images wrapped in links that I want to be able to drag AND click on. In other words, clicking and releasing without movement should open the link, clicking and moving should drag the element. I set dragClickables to true, which creates the desired behavior in all the major desktop browsers that I tried—Chrome, Safari and Firefox on OS X 10.9.5, and IE10 on Windows 7. However, dragClickables:true breaks the links on iOS 8 and 9. I can drag, but I cannot click to open the link. I looked in the console and I don't see any errors.

 

See the codepen for an example.

 

Any ideas on how to resolve this would be appreciated.

 

Thanks,

Scott

See the Pen NrGXqY by notgettingstabbed (@notgettingstabbed) on CodePen

[GreenSock]

Ah, very interesting. iOS Safari acts very strangely in that case. After a bunch of research, I think I crafted a workaround and dropped it into a preview (uncompressed) here: https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/Draggable-latest-beta.js

 

Better? 

[notgettingstabbed]

Thanks Jack! The new preview resolves the problem.

 

Interestingly, last night I discovered that the project that prompted my post actually had a different problem: I had some old code from when I was working with jQuery UI Draggable that stopped propagation. I removed that and the links worked in iOS. I'm not really sure why my more complex setup started working while the above Codepen didn't, but I'm glad you were able to come up with a solution for it.

 

Thanks again!