[vue-moveable] 複数のオブジェクトでリサイズ指定をする

/uploads/snippet/36_main-01.png

「vue-moveable」で、複数 + リサイズをする場合、 左側のオブジェクトをリサイズしようとすると、 右側のオブジェクトが、上記のように枠線とオブジェクトがずれてしまいました。

[Vue + vue-moveable] リサイズ・拡大縮小をする

複数のオブジェクトでリサイズ指定をする

今回の場合は、CSSで「.moveable」に「position: absolute;」を指定して、直りました。

コード

CSS

.moveable {
    position: absolute;
}

メモ