Items overlap when pushItems and swap are both set to true

[anatel]

Hi, I created a dashboard with the following settings:

        this.options = {
            maxCols: 16,
            maxRows: 16,
            draggable: {
                enabled: true
            },
            resizable: {
                enabled: true
            },
            pushResizeItems: true,
            displayGrid: 'none',
            swap: true,
            outerMargin: false,
            pushItems: true
        };

        this.dashboard = [
            {cols: 6, rows: 8, y: 0, x: 0, minItemCols: 2, minItemRows: 2},
            {cols: 6, rows: 8, y: 0, x: 6, minItemCols: 2, minItemRows: 2},
            {cols: 6, rows: 8, y: 8, x: 0, minItemCols: 2, minItemRows: 2},
            {cols: 6, rows: 8, y: 8, x: 6, minItemCols: 2, minItemRows: 2},
            {cols: 4, rows: 16, y: 0, x: 12, minItemCols: 2, minItemRows: 2}
        ];

But when dragging the right block to the leftmost side and then move it a little to the right without releasing the mouse (as you can see in the below gif), the block is ending up overlapping blocks under it.

I also reproduced it in the gridster demo:

Using the following settings:

Thanks!

[tiberiuzuld]

Hi @anatel , Will check it out and will try to fix it as soon as possible.

Thanks,

[tiberiuzuld]

Hi @anatel ,

Fixed in v3.15.2.

Thanks,

[anatel]

@tiberiuzuld Thanks!

[yvahava]

is there a way to force overlapping to happen ?