Tween location not syncing with Draggable on svg

[qualityCode]

I am using pan/zoom to zoom/pan to an element in an svg, which works great the first time.  Then after dragging it, it will not position correctly again.  

 

To pan/zoom I tween the viewBox using values from the element's getBBox(). Is it possible to sync the draggable plugin with the tween library when tweening the viewBox?  Would it help to create a child svg, and tween that and drag the parent svg?

 

I have tried many ideas from the forum, including clear(), onUpdate.

See the Pen bpYeNL by AlmaTheYounger (@AlmaTheYounger) on CodePen

[GreenSock]

If I understand your goal properly, I think you just need to animate the "x" and "y" back to 0, that's all:

http://codepen.io/anon/pen/LNOxRG?editors=1010

 

Remember, Draggable is altering the x/y when the user drags, so if you want it to return to its original position, just animate those back to 0. Does that help?

[qualityCode]

Thanks.  That worked, and so simple.  I don't understand why there is no need to call Drag.update();

[Rodrigo]

Draggable's update method basically updates the value the Draggable instance has stored. For example if you create a Draggable instance and before/after Dragging it you change the x and/or y values, the update method tells Draggable about that change, otherwise Draggable believes that the values are still the ones when it got instantiated.

 

http://greensock.com/docs/#/HTML5/Drag/Draggable/update/