Wrong bounds position when changing scale, css positioning, transform-origin

[mdominiak2]

Environments

• Moveable Component version: 0.30.0
• Testable Address(optional): https://codepen.io/m-dominiak2/pen/dympQOo

Description

Moveable allows to move an element out of the container. The problem also occurs without transform: scale. Any advice?

[mdominiak2]

I think I solved the problem by adding a container with a specific css style.

But still there are some imperfections when I change transform-origin to center

https://codesandbox.io/s/magical-mirzakhani-b17ts7?file=/index.html

[mdominiak2]

If I avoid using display: flex and transform-origin: center everything is ok. But when I want to center the drag area, I get the same bug again.

https://codesandbox.io/s/gifted-matsumoto-7zhe67?file=/src/styles.css

[daybrush]

@mdominiak2

• lit-moveable 0.9.0
• moveable 0.32.0
• preact-moveable 0.34.0
• react-compat-moveable 0.20.0
• react-moveable 0.35.0
• svelte-moveable 0.24.0
• vue-moveable 2.0.0-beta.26
• vue3-moveable 0.7.0
• ngx-moveable 0.29.0

moveable's new version is released. Check it again.

It may not be perfect, but it has improved the accuracy a lot.

[mdominiak2]

Thanks. Great job.