search

gridstack / gridstack.js

Build interactive dashboards in minutes.
https://gridstackjs.com
MIT License
6.92k stars 1.29k forks source link

Overlapping widgets after dragging #766

Closed athamsnajeeb1 closed 7 years ago

athamsnajeeb1 commented 7 years ago

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.

radiolips commented 7 years ago

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?

erkather commented 7 years ago

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

Steps to reproduce:

  1. Drag "Widget 3" a few inches left side.
  2. 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.

brendonboshell commented 7 years ago

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.

emonnet commented 7 years ago

Just tried it and it solved the exact problem described by @erkather . I'm using the 0.3.0 release. Thanks !

radiolips commented 7 years ago

Great! I'll close this issue, but @athamsnajeeb1 please reopen it if this doesn't solve the original problem.

erkather commented 7 years ago

Thanks @brendonboshell . The version you have mentioned solved the issue.

athamsnajeeb1 commented 7 years ago

thanks mate @erkather to help me by providing a jsfiddle, and Thanks @brendonboshell for helping to solved the issue.