Resizeble on GSAP V3.5.1

[Yandex.Technologies LLC]

Greetings, dear community!

I have some issue with super-draggable-resizeble example from @Sahil when use new version of GSAP - 

 

 

Just look at right side, when resize by drag left size.

I try to use gsap.quickSetter, but the result is similar...

 

Some ideas how to fix that?

 

See the Pen wvGPWwE by belyanskii (@belyanskii) on CodePen

[ZachSaucier]

Adding a Math.round in the updateLeft x calculation seems to fix it:

function updateLeft() {
  gsap.set($container, {
    width: "-=" + leftDraggable[0].deltaX,
    x: "+=" + Math.round(leftDraggable[0].deltaX)
  });
}

 

[Yandex.Technologies LLC]

3 minutes ago, ZachSaucier said:

Adding a Math.round in the updateLeft x calculation seems to fix it:

function updateLeft() {
  gsap.set($container, {
    width: "-=" + leftDraggable[0].deltaX,
    x: "+=" + Math.round(leftDraggable[0].deltaX)
  });
}

 

 

Yes, it's really better with rounding!

I wonder why the previous version didn't require this 🤔

[GreenSock]

Yep, in the old version the values were rounded to the closest integer whereas the newer Draggable rounds to the closest 0.0001.