A little problem with draggable and liveSnap / Draggable Carousel

[MaxCode]

Hello!
First of all, thank you for everything related to Gsap, you guys are great.
Second, I came with a little problem, I created a carousel using gsap and the progress is controlled with draggable.
The thing is that it works great in a project I created using Vue.js but when I built it using only javascript it does not work properly.

The actual problem is that it does not snap as the one created with Vue.

This is the codepen, I commented out liveSnap, so you can see how it works but if you uncommented liveSnap you will see the problem.

 

 

I  am also sharing a gif of the one I made with Vue, to show how is supposed to work.

 

 

Many thanks in advance

Max.

 

 

See the Pen ZEvmEJp by maxrpark (@maxrpark) on CodePen

[GreenSock]

If I understand your question correctly, the problem is that you don't have InertiaPlugin enabled. Snapping (not liveSnapping) leverages a dynamic end position from InertiaPlugin. So just set inertia: true, load the plugin, use .endRotation instead of .rotation, and you're golden: 

See the Pen YzYRyeO?editors=1010 by GreenSock (@GreenSock) on CodePen

 

Is that what you were looking for? Just beware that InertiaPlugin is a membership benefit of Club GreenSock. 

 

Good luck with the project! 

[MaxCode]

 

Hello! 
Thank you for your answer, even though InertiaPlugin is a great and much better solution I found out why it was not working as I expected.

It turn out in the original code I was using a variable for the transitions, but when I copied and pasted the code on codepen I  did not realize that.

 

 

See the Pen KKZrNqr by maxrpark (@maxrpark) on CodePen

 

After I fixed that it works as the one I created with Vue.

 

It does not look as cool as the one using InertiaPlugin but at least now it snap.

The bug was so simple that it was the last thing I could imagine, I almost went crazy.

 

Again, many thanks for your quick response and solution.