Dragged items can overlap

[desandro]

1. When using a multi-touch device, you can drag two items on top of one another
2. When a dragged item is being positioned into place, during its transition, you can drag another item on top of it.

Add a 👍 reaction to this issue if you would like to see this issue fixed. +1 comments will be deleted.

[newtriks]

I too can reproduce this behaviour within Chrome and Safari on OS X. Happy to supply more info if required.

[desandro]

In addition, from #49, Dragging an item over a stamped item places that item on the stamp. See http://codepen.io/seraphzz/pen/nsEAc

[mattlohkamp]

I'd definitely like to see a solution to this too, specifically the ex-#49 drag-on-stamp issue.

[marvidude]

I too would really need to get #49 to work so i can use it in an implementation i am working on.

[travisp]

For the #49 issue, I've found that it can work if you call layout() after dragItemPositioned occurs -- nothing will be overlapping following the layout() call. But, it's not very smooth because the user sees the item slide into one place (over the stamped item), and then only after that animation is complete, jump to a whole new second position.

But, if layout() can properly layout the items around the stamped item, it should be possible to make the laying out that occurs during or after drag do this too.

[pstinnett]

Any progress / workarounds on this?

[andrewhickey]

Loving Packery but this is preventing us using it commercially. Any progress on a fix?

[chevas]

Same here. We were planning on using this library commercially (packery w/ draggabilly) but will need to have this issue fixed or find a different solution. I would prefer to use packery since everything else about it is so slick.

[benheymink]

Has anyone figured out a workaround for this yet?

[mfrosch]

I think a delayed call of .layout(); would reorder the elements. But this only works after the drop.

I'am also searching for a solution which would work already while dragging, so that it's not possibile to drop an element on a stamped element.

[benheymink]

Yep, calling layout again does 'work', just not ideal :)

[drewpc]

I submitted a pull request (https://github.com/metafizzy/packery/pull/203) to disallow an item to be dragged over a stamped item.

[mathjazz]

This should help:

$itemElems.bind("dragstart", function() {
    $(this).css("z-index", 2147483647);
}).bind("dragstop", function() {
    $(this).css("z-index", "auto");
});         

[john-osullivan]

Hey, is there any fix on the way for this? Count me in for the group of people who would love to use this in a commercial project but are having trouble because of this bug. The layout workaround isn't ideal either.

[sephus]

I'm joining the list of people who would like to see this issue officially resolved. I field tested the "workaround" and it was very confusing/distracting for users.

[SirZdanius]

Yet another person here wanting to use this for a commercial project, this would be great (if not necessary) to have.

[john-osullivan]

@SirZdanius bumping a 5-year old & nearly 3-year stale issue: