[Release Draggable div into another parent mess with animation]

3 minutes ago, GreenSock said:

It's probably easiest to just use getBoundingClientRect() to just figure out the change and adjust for it, like this: 

 

 

 

Is that the result you wanted? 

 

That is it!!! On the spot!

 

Thanks for your patience and your time!

 

 

[Release Draggable div into another parent mess with animation]

I created the pen:

 

See the Pen bJQNVr by rodrigosnape (@rodrigosnape) on CodePen

 

I tryed to insert the update(), but i guess i dont know where

 

Thanks

[Release Draggable div into another parent mess with animation]

Hi,

 

I have options with gray border and selected with gray background: 

<div class="options">
 	<div class="item">Criancas</div>
 	<div class="item">Bebes</div>
 	<div class="item">Brinquedos</div>
</div>
<div class="selected">
</div>

 

On javascript part all of items are Draggable. And have the function onRelease that checks if the item "hit" the "selected" div.

 

All works fine, but the final animation. When I Drag the item is ok, but when i release it, the animation to go "back" to the x:0 and y:0 of the new parent starts from the another side of screen.

 

 

When the item change parent they get new x and y and the release animation starts from that new coordinates.

 

How can i make the release animation starts from the actual coordinates relative to the new parent and avoid this bump?

 

Thks