Draggable isThrowing - undefined

[Joe Hakooz]

Hello,

I'm trying to detect if my draggable "isThrowing"...

https://greensock.com/docs/#/HTML5/GSAP/Utils/Draggable/isThrowing/

 

Clearly I'm doing it wrong?

Thanks!

See the Pen yNvEgY by MAW (@MAW) on CodePen

[Diaco]

Hi Joe Hakooz 

 

pls be sure that using last version of GSAP ( 1.17.0 )

 

pls check this out : 

[Joe Hakooz]

Yep. Updated to latest version and it works. Thanks!

[Joe Hakooz]

Spoke too soon. Looks like there's a possible bug. 

 

Using your codepen, throw the ball. Then click on the ball without dragging. Notice how it is returning true for each of the properties. Eventually it stops doing that, but I'm not sure how, when, or why. 

 

Is this a bug? The reason it matters is because I'm trying to allow a "mouseup" event ONLY when the draggable is not dragging or throwing. 

 

Thoughts?

[Diaco]

i see... , but that's not a bug !

 

in fact with  ' x,y ' we use subpixels not pixels and when you click without any drag that snap to nearest pixel , pls add something like this to your draggable creation to snap pixel perfect position on throwComplete :

snap:{
  x: function(endValue) { return endValue.toFixed(0) },
  y: function(endValue) { return endValue.toFixed(0) }
}

 

[Joe Hakooz]

Interesting.

 

Works great in your demo but in my actual project, throwing now gives a funky rubber band feel.

My actual implementation is more complex than a single ball. I'm using a bunch of "cards" that dynamically move around to create infinite scrolling. 

 

I'll need to play around a bit on my end and see what I get. 

Thanks for your help!