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
5
votes
2 answers

Drag row into empty table using Dragula

I'm trying to use Dragula (with angular-dragula actually) to drag a row from one table to another. If both tables have rows there are no problems, but there are cases where the target table will be empty. How do I make the empty table allow for a…
mykbaker
  • 93
  • 2
  • 6
5
votes
4 answers

Dragula drop in multiple divs

I implemented drag 'n' drop on my application using Dragula, but I need to set it so I can drop my elements to more than one div. I tried to use a class to achieve it, but it just activates the first one of my divs. THe HTML:
Salustiano Muniz
  • 322
  • 4
  • 17
5
votes
3 answers

Dragula Copy and removeOnSpill

I'm trying to use the Dragula Drag & Drop library to Clone elements into a target container AND allow the user to remove cloned elements from the Target Container by drag & dropping them outside of the target container (spilling). Using the examples…
Serexx
  • 1,010
  • 1
  • 14
  • 29
4
votes
1 answer

Multiple containers with Dragula, but restrict items to only their container

I have a page with multiple dragula containers. The containers are ul's with a bunch of li in them. I would like users to be able to reorder li's in their containers, but I don't want the li from one containers to be draggable to another container.…
Loading...
  • 685
  • 6
  • 13
4
votes
1 answer

Save Position of dragged items with Dragula Drag and Drop, React Version (react-dragula)

I am using react-dragula (react-dragula) to drag and drop elements. How should I save the items positions after drop. dragDecorator = () => { let options = { }; Dragula([componentBackingInstance], options); }; …
user6915540
4
votes
1 answer

How to initialize dragula again after modifying my view

I use this code to initialize dragula when the page loads. After I modify my view with dragging and dropping a small container into another container, the small container does not have the functionality I specified in my dragula. Only after…
Mengjiao Qiu
  • 41
  • 4
4
votes
3 answers

Angular2/Ionic2 + ng2-dragula Did anyone get it to work?

Im trying to add drag and drop into my ionic 2 app. But can't get it to work. This is what I have done so far: npm install ng2-dragula dragula --save then in my page: @Component({ templateUrl: 'build/pages/dragtest/dragtest.html', directives:…
Mike Smith
  • 115
  • 6
4
votes
0 answers

ng2-dragula and angular2 rc1: ReferenceError: require is not defined

I have followed the doc of the 5 Min quickstart of angular2 and than modified the code according to the demo setup of dragula for angular 2. The Quickstart alone works as expected, but adding the files for dragula2 doesn't work. I get the…
Kalumet
  • 81
  • 5
4
votes
0 answers

Angular 2 with Symfony 2

How can I bring angular 2 into my existing symfony 2 project? so i have a subpage where i want to create a small angular 2 app. i have store all my source into my acme bundle public folder. My subpage is /foo/bar and my config looks like: …
Volker
  • 51
  • 5
4
votes
0 answers

Why is cursor is flickering during drag&drop in IE11?

I have a simple list of items that I want to reorder using drag and drop. I am using dragula to do that. Everything is just fine when I use Chrome, but when I test it in IE11 my cursor is flickering while dragging when I am over text fields. Can…
Andrey
  • 4,924
  • 4
  • 22
  • 28
4
votes
1 answer

dragula JS move from one list to another with on click event

Im using Dragula JS for the drag and drop functionality and I would like to also have the option to move back and forth the elements in my list with the mouse click without loosing the drag and drop functionality.. How can I achieve this? so I…
user2513846
  • 962
  • 2
  • 12
  • 32
3
votes
0 answers

Angular Dragula: How to get a update sort list on save button after drag and drop

I am fetching list of posts with sort order from Database and binding with table using ng-repeat of rows. I set them up so you can reorder them with drag-and-drop using Angular Dragula. This works fine. After dragging, Whenever I click on save…
Soumya
  • 67
  • 1
  • 6
3
votes
0 answers

ng2-dragula move item without removing it on drag start

I am using ng2-dragula in my Angular application and what I want is to be able to drag an element from the list but without the default behaviour of dragula which is removing it on drag start. I want the element to stay where it is until I drop it…
TJ 96
  • 139
  • 1
  • 5
3
votes
1 answer

dragula.js: unable to preventDefault inside passive event listener due to target being treated as passive

I am using dragula js to use drag and drop in mobile devices and suddenly ran into a problem where I am getting the following error. [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See…
user10249871
3
votes
0 answers

unable to drag drop with dragula on ios ionic2

I have implemented drag drop using dragula [ng2-dragula]. It works perfectly in browser, however when I run this app on iphone it doesn't work.
codeomnitrix
  • 4,011
  • 18
  • 59
  • 95
1
2
3
…
12 13