Draggable: Reset to center

[tarwin]

Is there a way to reset a Draggable to center? If I set the following CSS either before or after it causes problems such as when I first drag it jumps.

 

 'transform': 'translate3d(0px,0px,0px)'

[Carl]

Please provide a simple demo that clearly illustrates the problem.

Instructions here: http://forums.greensock.com/topic/9002-read-this-first-how-to-create-a-codepen-demo/

 

You can fork our Draggable Starter Pen here: http://codepen.io/GreenSock/pen/HjfsK

[GreenSock]

If you're going to use any GreenSock tools (GSAP or Draggable), I'd strongly recommend that you set the transforms through GSAP, like TweenLite.set(element, {x:0, y:0, z:0}) rather than directly setting them via CSS or something like that because:

1. GSAP works around several bugs in browsers related to transforms
2. GSAP caches transform values both for performance reasons and to ensure that it can work around the previously mentioned bugs. 

If you update the x/y/z outside of Draggable, it's wise to call its update() method so that it knows to grab the new values internally. You could do Draggable.get(yourElement).update().