Seyrinian

Oh thanks a lot this second solution is perfectly what I've needed I have just two questions about your answer @OSUblake, I didn't understand the reason you add a +2. It's seems not working without it but why add 2 to the height and width. It's the result of other behaviour or size of other component ? Other case, I try to fix the border of arrow resize to be at the same position always even if i add content in the draggable window, like this: https://codesandbox.io/s/immutable-browser-7h0j3?file=/pages/index.vue But when i pull the arrow the old problem appear again and I think it's because the .resize-handle move is x and y. Is there a method to cut the x, y transformation of this element and it's stay to the right bottom corner of my window? I try with liveSnap to change the behaviour of x and y but not seems a good idea.

Hi @OSUblake, Thanks for the response and sorry, I am beginner and don't use this differents tools usually ^^ Let you check this link with a copy of my problem. It's on the index page. As additionnal informations I used a module that simplify the installation of gasp in nuxt, but I try with normal installation on vue classic project and the result is exactly the same so maybe there is an aspect I didn't understand ! https://codesandbox.io/s/immutable-browser-7h0j3 Thanks a lot.

Hi everyone, I am new with gsap and I try to implement it in my nuxt app. My objective is create a component with moveable and resizeable window. I use as inspiration this topic : And get the code of this answer as model for my component. My actual result is the following: https://github.com/vfourny/exemple-nuxt-gsap But when i use the resizeable arrow, the arrow don't follow the window and I don't understand why cause I have try to clone the same code but in component logic. You can download my exemple project and run npm start to understant my problem. Anyone can help me to resolve this problem ? Thanks for your help