Stack Overflow
Stack Overflow

Questions tagged [dragula]

a JavaScript library for convenient drag and drop support

Dragula is a JavaScript library that facilitates usage of drag and drop through an “easiest possible” API. It’s hosted on GitHub where it also provides a demo page. Dragula can easily installed using : npm install dragula --save

See usage details for a comprehensive API overview.

195 questions
3
votes
1 answer

dragula - how to disable dragging in its parent container

I like how dragula works, but one thing I couldn't find solution to, is how I can disable the function of drag and drop in the same container the element is currently in. I only want to drag elements into other containers not sort them manually.
Markus
  • 55
  • 5
3
votes
1 answer

Cancel drop Ng2 Dragula

I was trying to follow advice from this link to revert the drop action: Dragula :revert drop in ng2-dragula but with no success. What i want to do is to be able to revert the drag operation under certain conditions. Alternatively on condition…
Mateusz Migała
  • 1,286
  • 3
  • 22
  • 33
3
votes
0 answers

To access elements thats being dragged over using dragula (Ng2)

Is it possible to access elements that's being dragged over, (not the dragula bag)? Im using Ng2-Dragula. Im currently using the built in functions, but there are no parameters for elements thats being hovered over except the…
roadkiII
  • 161
  • 2
  • 5
3
votes
0 answers

Draggable Popup Items using Leaflet and Dragula

I'm using Dragula for dragging and dropping items all over an application I'm using. Dynamically added draggable items are working everywhere except in a Leaflet map popup and I can't figure out why. Here's a slim example of what I would like to…
Ian Ebstein
  • 85
  • 1
  • 7
3
votes
1 answer

How can i make certain div elements non draggable using Dragula for Angular 2

I have been able to successfully integrate ng2-dragula with my project, but I still cannot figure out how to make some divs non draggable. I have tried to use some css and also htmls draggable="false" for the div but no success. It seems like…
Brian
  • 4,623
  • 8
  • 35
  • 54
3
votes
0 answers

Dragula Angular2 update values using observable

I am writing a tree control using Angular2 and ng2-dragula (based on dragula). I am currently using something very similar to the example nested repeat example here. I have no problem loading in my list and getting drag and drop to work as expected.…
Andrew MacNaughton
  • 715
  • 1
  • 5
  • 17
3
votes
2 answers

Order a list of items with NG2-DRAGULA

I have a list of items in a loop. the array has maximum of 6 items.
My…
TheUnreal
  • 18,980
  • 36
  • 129
  • 231
3
votes
0 answers

Horizontal and vertical mouse resize of block element / flexbox with Dragula

I'm trying to make the same kind of mouse resizing as the typical window resize functionality, where you can grab each of the 4 edges of an element and resize - or the corners for resizing both the width and length at the same time. Since I'm…
Dac0d3r
  • 1,761
  • 3
  • 33
  • 57
3
votes
1 answer

ReactJS components rendering wrong order

This question is a little long-winded but I want you to understand exactly what is occuring... I'm building a task manager desktop app (Electron) for our company to use and I have a strange behavior occuring. The task manager is 6 columns (one for…
Justin
  • 476
  • 5
  • 17
3
votes
1 answer

Dragula: how to make the object follow the cursor

I am using Dragula and I am trying to make the object I am dragging follow my cursor. How would I go about doing this. EDIT: Maybe it is worth noting what the html here looks like: