search

metafizzy / packery

:bento: Gapless, draggable grid layouts
https://packery.metafizzy.co
4.13k stars 315 forks source link

Stamped element can be overlapped by dragged element #526

Open EnricoSottile opened 5 years ago

EnricoSottile commented 5 years ago

Hello, I'm keeping a few blocks fixed in position, so that calling layout() or adding/removing elements does not move them, while others shifts around. It works correctly with the stamp method.

Adding Draggabilly break this behavior by overlapping.

Steps to reproduce: 1) init Packery and Draggabilly as outlined in the instructions 2) stamp a Packery element so that it's fixed in position 3) drag an item over it and release

Test case: https://codepen.io/anon/pen/arLByQ (Only added stamping ability to the original demo: https://codepen.io/desandro/pen/aGvIq)

I understand there's no collision detection inside draggabilly, but this seems more a Packery related issue to me. Thanks

Edit: The same problem happens with jquery draggable

desandro commented 5 years ago

Thanks for reporting this issue. This is indeed a bug. I'll have to take a look.

Here's a demo that demonstrates the problem a bit more clearly: https://codepen.io/desandro/pen/2abd0855b90c726e537c3923ec1b011e

mukesh-n-crest commented 4 years ago

I'm also facing the same issue in one of my project and the same case is also not working on the official website 's demo too

for reference: https://www.screencast.com/t/ka9ar2Im

any update about this bug?