Closed ctf0 closed 4 years ago
@ctf0 Since this is 50% to 50% transform-origin, I think it might be different.
@daybrush could u plz elaborate ?!!
@ctf0
Oh. Sorry.
I am confused with the issue below. https://github.com/daybrush/moveable/issues/254
It's duplicate of #235 .
@ctf0
moveable
0.17.9react-moveable
0.20.9preact-moveable
0.19.9ngx-moveable
0.13.10svelte-moveable
0.8.10moveable's new version is released. Check it again.
nothing changed unfortunately 😢
@ctf0
I'm not sure why?
Add this code:
.on("resizeStart", ({ setOrigin }) => {
setOrigin(["%", "%"]);
})
If not, wouldn't you give me a test address?
for the rotated example, it no longer flickers, but now the boundaries are calculated incorrectly.
still, i will prepare a demo and add it today, thank you for ur help.
@ctf0
moveable
0.17.10react-moveable
0.20.10preact-moveable
0.19.10ngx-moveable
0.13.11svelte-moveable
0.8.11moveable's new version is released.
awesome, much appreciated.
btw is there a way to stop the resize once the boundaries are meet instead of the current ? as it flickers a little bit which kinda looks like the box is struggling to whether to resize or not.
@ctf0
How about using max-width or max-height?
oh okay, will give it a go, thanx for the headsup
Environments
Description
with rotation it may cuz flickering
without rotation
and here is the code
movable .on('drag', ({target, left, top}) => { target.style.left = left < 0 ? 0 : left + 'px' target.style.top = top < 0 ? 0 : top + 'px' }) .on('resize', ({target, width, height, drag}) => { target.style.width = width + 'px' target.style.height = height + 'px' target.style.left = drag.left + 'px' target.style.top = drag.top + 'px' }) .on('rotate', ({target, delta}) => { let current = rotate + delta