search

mauricius / vue-draggable-resizable

Vue3 Component for draggable and resizable elements.
https://mauricius.github.io/vue-draggable-resizable/
MIT License
3.32k stars 559 forks source link

new CSS translation logic for x,y positions break #232

Open rohitnawani opened 4 years ago

rohitnawani commented 4 years ago

After upgrading from v2.0.0-rc1 to v2.2.0 , the new CSS translation logic for x,y position breaks.

I have a parent div with the following css wrapping a child VueDraggableResizable: .parent { display: flex; flex-direction: column; justify-content: center; align-items: center; }

In vue dev tools, it says that the x,y property of my VueDraggableResizable is (0,0) vue

However it clearly isn't (0,0) as the following screenshot indicates. foo

I would like to know what the parent container should have display and position set to. Thank you!

mateeni-dev commented 4 years ago

Hi,

I can also confirm similar issue after upgrading from v2.1.0 to v2.2.0. At initial render, x and y positions are off by a large margin.

For now I've reverted back to v2.1.0 and that fixed my issue.