Draggable dont set correctly the container witdth

[phil21]

Hello , i have this code made with react and Draggable , dont know why the left and right handler dont correctly set the width of the container , did i make a mistake , thanks in advance : https://codesandbox.io/s/confident-hermann-i8753p?file=/src/App.js

See the Pen App.js by s (@s) on CodePen

[Rodrigo]

Hi @phil21 and welcome to the GreenSock forums!

 

Thanks for the simple example, that made it super easy! 🥳

 

The main issue in this cases is to get the start position and width of the element and since the side handles are inside the containers keeping them in place is super easy. I made this example in codepen since I didn't had time to go through the whole React setup, but porting it to React shouldn't be too complicated. Also this considers the left handle but setting up the right one should follow a similar logic:

See the Pen YzjdjWp by GreenSock (@GreenSock) on CodePen

 

Sorry I wasn't able to come up with a full solution, but hopefully this is enough to get you on the right handle-track .

Let us know if you have more questions.

Happy Tweening!