Draggable on Anchor Tag

[Joe Hakooz 6 Likes (Newbie)]

Pradeep sent me this private message. Moving it here in the forum...

 

I think you need to look at the dragClickables option.

 

dragClickables : Boolean - By default, Draggable will ignore clicks on <a>, <input> <select>,<button>, and <textarea> elements (as well as any element that has a data-clickable="true"attribute), allowing the browser's default behavior (like clicking on an input would give it focus and drop the cursor there to begin typing), but if you want Draggable to hijack those clicks and initiate dragging instead, set dragClickables:true.

http://greensock.com/docs/#/HTML5/GSAP/Utils/Draggable/Draggable/

 

----------------

Hi,
When i apply draggable event on a anchor tag it does not nork for me.
eg:-
<div>text</div>-- it work for me

but when i add anchor tag on text
 
<div><a href="#">text</a></div>-- it not work for me

Here you can add anchor tag around the .dragclone div, then it does not work.


Thank You in advance.
Please help
~Pradeep

 

----------------------

 

 

See the Pen klanu by anon (@anon) on CodePen

[Carl 9,066 Likes (Superhero)]

I am having a difficult time deciphering this. 

The CodePen demo looks overly complicated for something that seems to involve asking about dragClickables.

 

It would be great if pradeep could create a simple CodePen that clearly illustrates the issue.

I suggest using one Draggable and NOT having all that logic in the onDrag.

 

thanks.

[OSUblake 9,990 Likes (Superhero)]

Haha, I think I got something from pradeep too. Maybe this will help...

 

Dragging and rotating...

See the Pen BoxMZB by osublake (@osublake) on CodePen

 

Tossing playing cards

See the Pen Lpdbdv?editors=001 by osublake (@osublake) on CodePen

[GreenSock 8,117 Likes (Superhero)]

Sounds like he spammed a bunch of us via PM. I got one too and responded directly. It's definitely better to bring the discussion into the public board so others can benefit too. Thanks for initiating that. 

[pradeep 1 Likes (Newbie)]

Hi guys,

 

I apologize for the inconvenience.

I am finding the solution on Google and Stack Overflow as well but am not able to get that on time.

 

its work for me by adding dragClickables:true.

 

@OSUblake Great Example.

 

Thank You.