[Draggable`s onDrag&onClick strange behavior]

 

Zach thanks for everything!

[Draggable`s onDrag&onClick strange behavior]

Thanks Zach, now it works well.

After reading a few old forum`s discussions about changing easing for reverse(), 

I wrote this code:

onClick: function () {
    chair.reversed() ? chair.play() : chair.tweenTo(0, {onComplete: chair.reversed(true),ease:Bounce.easeOut});

Is this code ok? Or after GSAP3 release, it can be implemented more easily?

[Draggable`s onDrag&onClick strange behavior]

Without easing and snapping it looks unnatural ( 

Why is there no jerking in my version?

[Draggable`s onDrag&onClick strange behavior]

And this little jerk, due to the work of the InertiaPlugin?

Here`s a video https://res.cloudinary.com/alnat2/video/upload/v1598114097/topjerk.mp4

There is no jerks in my version. This is due to the fact that I used two timelines, isn't it?

[Draggable`s onDrag&onClick strange behavior]

Zach, 

thanks a lot for the help, but what are these "jerks" in your version when I drag the handle?

Here's a video https://res.cloudinary.com/alnat2/video/upload/v1598037241/jerks.mp4

[Draggable`s onDrag&onClick strange behavior]

Only the code for the chair left

[Draggable`s onDrag&onClick strange behavior]

Hi @ZachSaucier, I don’t know what it depends on, but from time to time the animation stops starting when you click on one card and drag on another.

In this video onClick doesn`t work https://res.cloudinary.com/alnat2/video/upload/v1597931019/c-dragworks-clicknot.mp4

and onDrag doesn`t work https://res.cloudinary.com/alnat2/video/upload/v1597931019/c-clickwors-dragnot.mp4

After reloading the page, the problem disappears.

 

[Draggable`s onDrag&onClick strange behavior]

Hi everyone,

I made some card concepts using the Draggable plugin,

but the problem is that sometimes clicks or drags doesn`t work.

Any ideas why this is happening and how to fix it?

Thank you!

 

See the Pen OJMwEyb?editors=0010 by alnat2 (@alnat2) on CodePen