Comments (7)
Hey, unfortunately the addon doesn't currently work with horizontal lists. I had a PR before to fix it, but it broke vertical lists. I'd love to have a PR on it, but we will have to have a test, and the solution needs to work for both vertical and horizontal lists, or at least have a flag so the user can choose what kind of sorting to do. Another condition is that it most not break the ability on a vertical list to drag outside of the list and then back in without and still only swap the node it hovers over.
from ember-drag-drop.
Let me know if you can do a PR with a test, if not, it's high on my list of things to do for this addon.
from ember-drag-drop.
@dgavey I could reproduce this issue with the vertical list on the demo site (I used the ember data example). You just need to drag box 1 to box 3 without draggin over box 2. Anyway, I was using the addon as it is horizontally and it was behaving as expected except for this issue (that also happens vertically). Anyway I can to create tests for the horizontal case.
from ember-drag-drop.
Yes, that's not a bug in the vertical list, it's a feature. In a vertical list someone should be able to drag outside the list and swap with the other item. At least our use case for this benefits from it. It doesn't make sense for horizontal lists though. Which is why perhaps we should have the alternate sort behind a flag.
from ember-drag-drop.
Ok, got it, I agree that having a flag makes sense, but I'm not sure if vertical or horizontal flag is what we are looking for. I think we could make ir more general, we can let the user configure the swapping mechanism, so we would support the 'swap' mechanism and this other mechanism. I think this way is a bit better because someone might want to use any of these mechanism regardless of the list being vertical or horizontal.
Does this make sense?
from ember-drag-drop.
Yeah for sure, I think maybe something like allowSwap true/false. default to true (for backward compatibility)
from ember-drag-drop.
@dgavey makes sense, I will try to work on this soon and open a PR, thanks
from ember-drag-drop.
Related Issues (20)
- Component#sendAction is deprecated HOT 16
- only allow specific object to be dropped HOT 2
- dragging "through" a draggable-object HOT 2
- drag-handle is not reconnected when component nested under draggable-object re-renders HOT 6
- fix the draggable-object-target lose the class accepts-drag HOT 2
- Multi list sorting - add draggable-object on drop
- 0.7.0 changelog and breaking changes ? HOT 1
- In Acceptance tests, drag-drop helper fails to trigger the dragend event
- Passing hasMany relationship into {{#sortable-objects}} HOT 1
- Possible to style sortable options like Spotify? HOT 2
- Cannot create 2 test using drap HOT 1
- Can not move DraggableObject into SortableObjects if SortableObjects is empty
- Example of sorting in README.md has errors
- Embroider compatibility problems HOT 1
- Trigger `dragenter` and `dragleave` as part of `dragOverMoves` option
- Full Ember Octane Compatibility? HOT 1
- Forward `dragleave` event to `@handleDragOut`
- DragOvering the DraggableObject from one SortableObjects to another not working properly. HOT 2
- "no obj for key" error
- Incompatible with `ember-cli-mirage` v3 HOT 1
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 ember-drag-drop.