Jump to content


Draggable—dragClickables:true renders links unclickable on iOS

Go to solution Solved by GreenSock,

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts



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.




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

Link to comment
Share on other sites

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!

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.