horizontalShift sometimes not work well

[UTing1119]

Expected Behavior

replace two item which is not the same size(w/h)
they should change place
edit:
or it should not change place if the big one has no place to move.
the behavior rn is not correct. (because it'll cause other items overflow)

Current Behavior

if drag the small one, the big one will shift vertically.
if drag the big one, it will work well.

Failure Information (for bugs)

setting:

:is-bound="true"
:col-num="6"
:horizontal-shift="true"
:is-draggable="true"
:is-resizable="false"
:margin="[10, 10]"
:max-rows="5"
:prevent-collision="false"
:responsive="false"
:distribute-evenly="true"
:row-height="120"
:use-css-transforms="true"
:use-border-radius="true"
:vertical-compact="true"

Context

Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.

• Firmware Version: vue-responsive-grid-layout: 1.2.2
• Operating System: windows 11

[gwinnem]

@UTing1119
The current behavior is correct.
I'll see if I can change this as you stated above.
Maybe it should be possible to enable / disable the new behaviour ?