[Draggable - Issues when quickly dragging with the mouse]

Hey Jack.

 

I JUST figured that out after re-reading the docs and realised that was my mistake and was coming back here to edit my post.

 

But then you were already here

 

Thanks so much Jack - the support here is amazing.

 

Cheers

 

PS. Pretty bloody slack of you to take all of 2 hours to respond!

[Draggable - Issues when quickly dragging with the mouse]

Hi gang,

 

Insert standard gushy comments about how great Greensock is...(cos it really is THAT good)

 

I'm hoping there's something I've overlooked or that there's a quick and easy fix for what I'm seeing....

 

In my site I've encountered an issue with very quickly dragging objects with the mouse (in my limited test I don't think it was as much an issue on touch devices)

 

onDragEnd I'd like to sometimes tween the dragged item back to it's original position (dependent on certain conditions) which works fine on most tests.  However I noticed than when very quickly dragging and releasing it would sometimes get "stuck" on the release of the mouse and not tween back to it's original position. Using Developer Tools I could see that when this happens a style such as:

transform:matrix(1, 0, 0, 1, -297, 14)

or sometimes (not sure why it's different at times?)

translate3d(-297px, 14px, 0px) 

is still applied to the draggable even though I've set a tween of x and y back to 0 (using a Draggable setup of type:"x,y").

 

A minimal version of the issue can be seen on this Codepen: in which all I'm trying to do onDragEnd is :

TweenMax.set(e.target, {clearProps:"transform"});

but this seems to be ignored when dragging too quickly and I'm left with the translate/matrix still applied.  Perhaps there's another draggable setting I need to use or another event like onRelease needs to be utlised?

 

Any pointers would be most appreciated.

 

Thanks all.

 

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