metafizzy / metafizzy/packery

Stamped element can be overlapped by dragged element

Open
#526 2 comments 0 reactions 0 assignees View on GitHub
bug
Dominant language
JavaScript
Stars
4.3k
Forks
324
PR merge metrics
No merged PRs in 30d

Description

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

Contributor guide

Open the contributing guide

Research direction

Reproduce the overlap using the linked CodePen with Packery stamping and Draggabilly, then compare it with the original Packery demo. Start by tracing the stamp and drag-release integration; done means a dragged item cannot overlap a stamped element, including when using jQuery draggable, with a regression test or reproduction added if the project provides one.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.