Giter Site home page Giter Site logo

Dragged items can overlap about packery HOT 17 OPEN

metafizzy avatar metafizzy commented on May 29, 2024 7
Dragged items can overlap

from packery.

Comments (17)

sephus avatar sephus commented on May 29, 2024 1

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.

from packery.

newtriks avatar newtriks commented on May 29, 2024

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

from packery.

desandro avatar desandro commented on May 29, 2024

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

from packery.

mattlohkamp avatar mattlohkamp commented on May 29, 2024

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

from packery.

marvidude avatar marvidude commented on May 29, 2024

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

from packery.

travisp avatar travisp commented on May 29, 2024

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.

from packery.

pstinnett avatar pstinnett commented on May 29, 2024

Any progress / workarounds on this?

from packery.

andrewhickey avatar andrewhickey commented on May 29, 2024

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

from packery.

chevas avatar chevas commented on May 29, 2024

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.

from packery.

benheymink avatar benheymink commented on May 29, 2024

Has anyone figured out a workaround for this yet?

from packery.

mfrosch avatar mfrosch commented on May 29, 2024

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.

from packery.

benheymink avatar benheymink commented on May 29, 2024

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

from packery.

drewpc avatar drewpc commented on May 29, 2024

I submitted a pull request (#203) to disallow an item to be dragged over a stamped item.

from packery.

mathjazz avatar mathjazz commented on May 29, 2024

This should help:

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

from packery.

john-osullivan avatar john-osullivan commented on May 29, 2024

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.

from packery.

SirZdanius avatar SirZdanius commented on May 29, 2024

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

from packery.

john-osullivan avatar john-osullivan commented on May 29, 2024

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

That's a bold strategy, Cotton; let's see if it pays off for him

from packery.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.