Comments (17)
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.
I too can reproduce this behaviour within Chrome and Safari on OS X. Happy to supply more info if required.
from packery.
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.
I'd definitely like to see a solution to this too, specifically the ex-#49 drag-on-stamp issue.
from packery.
I too would really need to get #49 to work so i can use it in an implementation i am working on.
from packery.
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.
Any progress / workarounds on this?
from packery.
Loving Packery but this is preventing us using it commercially. Any progress on a fix?
from packery.
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.
Has anyone figured out a workaround for this yet?
from packery.
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.
Yep, calling layout again does 'work', just not ideal :)
from packery.
I submitted a pull request (#203) to disallow an item to be dragged over a stamped item.
from packery.
This should help:
$itemElems.bind("dragstart", function() {
$(this).css("z-index", 2147483647);
}).bind("dragstop", function() {
$(this).css("z-index", "auto");
});
from packery.
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.
Yet another person here wanting to use this for a commercial project, this would be great (if not necessary) to have.
from packery.
@SirZdanius bumping a 5-year old & nearly 3-year stale issue:
from packery.
Related Issues (20)
- Some elements are not being placed in 2 columns everytime
- Bug while open packery galery on Ipad
- How do i sort by tabindex?
- Custom Drop Zone : How to define a different drop zone. HOT 1
- Saving the order in the database HOT 1
- How to prevent grid size from expanding when dragging an item outside of its current dimensions? HOT 3
- Packery results in significant cumulative shift score HOT 3
- access gaps array with jQuery init HOT 1
- Activation of the packery without changing the positions of the layouts HOT 2
- laravel mix/webpack ERROR Module not found: Error: Can't resolve 'jquery' HOT 2
- Let user leave gaps between tiles and disable stacking stamped items (packery 2 or 1)
- How can I fix the size of the canvas?
- Packery and Livewire with pagination
- rowHeight set to tallest item
- React with Packery some strange issues
- Appended and Prepended with ImagesLoaded
- packery draggabilly: prevent from dropping over a .stamp.non-drop item. HOT 2
- dragItemPositioned no longer triggering HOT 1
- Draggable with custom (user inputted) elements HOT 1
- Feature request: Rotate items
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from packery.