Y axis shifts when resizing horizontally.

This issue has been tracked since 2021-09-02.

Hello!

I'm not sure if my code is bad or if this is a bug, so could you please help me?

I'm trying to create a bar that can only be dragged and resized horizontally. I want to limit the left/right range, so I have set parentLimitation to true.
The dragging is fine, but when I resize it, the height changes and the Y axis moves and jumps out from the parent element.

Attached is a URL where I can reproduce the problem.

Codesandbox

ututuut wrote this answer on 2021-09-08

i miss it

alimurad52 wrote this answer on 2021-10-13

@pnt-oshima were you able to resolve the issue? facing the same issue..

alimurad52 wrote this answer on 2021-10-14

I found the fix to this. At least in my case it was resolved by setting the parent element position to be relative.

More Details About Repo
Owner Name kirillmurashov
Repo Name vue-drag-resize
Full Name kirillmurashov/vue-drag-resize
Language JavaScript
Created Date 2018-04-26
Updated Date 2022-11-25
Star Count 1764
Watcher Count 24
Fork Count 291
Issue Count 89

YOU MAY BE INTERESTED

Issue Title Created Date Updated Date