ducksboard / gridster.js

gridster.js is a jQuery plugin that makes building intuitive draggable layouts from elements spanning multiple columns
http://gridster.net/
MIT License
6.04k stars 1.2k forks source link

JQUERY Gridster Widgets Overlap Issue #603

Open ankithvicky opened 5 years ago

ankithvicky commented 5 years ago

I am using Gridster v0.7.0, Recently I am facing one problem that while dragging the widgets the dragged widget gets overlapped on the widget that exists on that co-ordinates.

Below I have attached the GIF for better understanding.

Gridster Overlapping GIF :

https://i.imgur.com/QB31e2s.gif https://i.postimg.cc/KzT4m9Sh/grid.gif Adding the code for creating Gridster.

gridster = $("#GDashboard ul").gridster({
        namespace: '#GDashboard',
        widget_margins: [10, 10],
        widget_base_dimensions: [270, 126],
        max_cols: 4,
        extra_rows:15,
        avoid_overlapped_widgets: true,
        serialize_params: function ($w, wgd) {
            return {
                id: $w.attr('id'),
                col: wgd.col,
                row: wgd.row,
                size_x: wgd.size_x,
                size_y: wgd.size_y
            };
        }
    }).data('gridster');