I actually have some experience using this via angular-dragula (<a href="https://github.com/bevacqua/angular-dragula" rel="nofollow">https://github.com/bevacqua/angular-dragula</a>) - it mostly works for us for Angular 1, but when we started doing more complex interactions in a prototype, it showed its warts quickly with model bugs. This library ends up doing basic things pretty nicely, but being able to do more complex interactions like stacking multiple selected items becomes impossible to do right.<p>In our current app my team is working on (Angular 2), I ended up homebrewing selection and drag & drop modules, which I hopefully will take the time to open source at some point when things slow down. It was an interesting exercise, with some work for getting the UX done right (some aspects such as what should happen when the user drags a little on the mouse while holding it down - just dragging as soon as the mousedown event occurs is no good because it turns out users typically will move the mouse a little when pressing the mousedown for a click). It made me appreciate any site that implements non-trivial drag and drop, it is not an easy interaction to get right.
tested on ipad and reordering doesn't work because the page scrolls with you. probably more an issue with the demo than the lib itself.<p>apart from that I don't really like the fixed object list or callback to define which nodes can and cannot accept stuff, I find more pleasant to maintain the interact.js approach of using classess (and they do work on mobile out of the box)
This looks really interesting wow!! We might give this a try out our startup that me and a friend are doing. We need a type of script that would help users drag and move around pictures/gifs in large blocks of text so they can get the perfect desired placement of the media inside their text document to build rich documents that have animations in them I wonder if Dragula would be good for that type of useage? The demo does not really show any situation aside from moving around text based divs around. Does it work just as well for moving around pics/gifs in a thick text document? Our startup has around 1-2m users/month for reference.
If it meets the guidelines, this might make a good 'Show HN'. Show HN guidelines: <a href="https://news.ycombinator.com/showhn.html" rel="nofollow">https://news.ycombinator.com/showhn.html</a>