Gridstack.js: 2 drop shadows when drag large widget between grids

Created on 8 Mar 2016  路  11Comments  路  Source: gridstack/gridstack.js

There is a bug while dragging between two grids: http://take.ms/maoFv

bug

Most helpful comment

finally fixed in 2.0.1

All 11 comments

would u like fix this bug first?

   var dragOrResize = function(event, ui) {
             ...
                var n = el.data('_gridstack_node');

                //add if widget had been added to outer grid
                if (x < 0 || x >= self.grid.width || y < 0 || (n && n._added)) {

435

that issue shown in the video with large items is still there in 0.5.2-dev latest build (2 drop shadow showing, with one phantom left behind on drop). Might be time to revisit remainder of #435

Seems like we may want to use the mouse cursor position as hint of where it goes rather than box size (showing 2 possible spots with only one winning really).

To add a note on to this, I will receive phantom items with an outline, but when I try and move an item from a Grid below to the one above (or even above to below) the outline disappears and I am not able to put an item in that spot. Almost as if there is an invisible item-placeholder there.

Currently running 1.0.0-dev I believe.

Edit: This is actually happening on the demo linked above, as well on on the two.html on the website. If you follow their steps and try and move the item back into the previous spot, the Y axis extends as if there is an item there, because it thinks there is an item there. Also for a brief split second you can see the outline of the original item placement.

The problem seems to be still there ?
V1.1.2

yes, hasn't been looked at...

Any change to fix that issue in very near future ??

@zgilewski How much is it worth to you? Feel free to contribute time or $ as I'm swamped these days... The original owner haven't addressed it in 4 years now.

finally fixed in 2.0.1

I can still see it sometimes... re-opening

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Kinnza picture Kinnza  路  12Comments

edlisten picture edlisten  路  16Comments

gooeyideas picture gooeyideas  路  19Comments

ardiansyaherwin picture ardiansyaherwin  路  13Comments

arnonuem picture arnonuem  路  25Comments