Gridstack.js: Overlapping widgets after dragging

Created on 7 Sep 2017 · 7Comments · Source: gridstack/gridstack.js

The initial code is
var options = {
cellHeight: cellHeight,
disableResize: true,
disableDrag: false,
handle: '.ibox-title',
float : false ,

        };
        $('.grid-stack').gridstack(options);

And every grid-stack-item have settings data-gs-auto-position="1"

when it dragging sometimes it comes over other widgets

Can anyone help to solve this.

need more info

Source

athamsnajeeb1

Most helpful comment

It looks like this issue is resolved on the develop branch, so I assume it will come with the next release. In the meantime, you can cherry pick a38d78e on top of v0.3.0. This patch solved the problem for us.

brendonboshell on 15 Sep 2017

👍5

All 7 comments

Hey, @athamsnajeeb1 ! Hope you're doing well today.

Could you provide a jsfiddle or some other method for us to take a look at your code and whatever issue you're experiencing?

radiolips on 7 Sep 2017

Hi @radiolips ,
I am also running into the same issue. I have created a jsfiddle where you can reproduce this issue.

Steps to reproduce:

Drag "Widget 3" a few inches left side.
Now "Widget 12" will be overlapped on "widget 1" and also few widgets will not be displayed. They are also displayed behind "Widget 12" similar to "Widget 1".

Thanks in Advance.