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

Dragula not working on touch devices

I'm probably missing something obvious but I can't get Dragula to work on any iOS browser. I'm not doing anything special and the docs and issues on Github don't seem to offer any insight for debugging. I've got the following line of code in a…
Simpleton
  • 5,889
  • 10
  • 48
  • 83
0
votes
1 answer

Angular 2 - ng2-dragula

...
  • {{ ticket }}
I have few columns.…
Roman Baida
  • 41
  • 3
0
votes
2 answers

Angular Dragula and ng-repeat $index

I have an ng-repeat of rows. I set them up so you can reorder them with drag-and-drop using Angular Dragula. This works fine, but the ng-repeat $index remains the initial value for each item after dragging. See screen captures below before and…
Steve
  • 12,696
  • 26
  • 104
  • 191
0
votes
1 answer

Dragula Drag only wanted elements

Here is my component.html
Drixson Oseña
  • 3,517
  • 3
  • 19
  • 33
0
votes
1 answer

ng2-dragula group items in div

I come across the ng2-dragula project when trying to prototype some drag and drop functionality. I was wondering how to group the following structure as one 'drake' entity?
...
When I add…
ethan
  • 1,603
  • 2
  • 13
  • 25
0
votes
1 answer

Adding Dragular to Angular2 Application: document is not defined

I am fairly new to Angular2 and I am having issues adding Dragula to my application. When I run the application an error is thrown prior to loading the home page: Exception: Call to Node module failed with error: Prerendering failed because of…
Nashibukasan
  • 2,000
  • 21
  • 36
0
votes
1 answer

AOT error: require is not defined (caused by ng2-dragula library)

I have an angular 2 application and am using ng2-dragula library. Everything is working in development (JIT compilation) mode. When I compile with AOT, the aot build and rollup are successful, but then I get this error in the browser: Uncaught…
Kevin Quiring
  • 497
  • 9
  • 22
0
votes
1 answer

How to make it work: Dragula drag-and-drop on Meteor

I've been trying to add a drag-and-drop functionality into my Meteor app using the Dragula library. It seems very simple and easy to use. However, even though I have followed the instructions and looked other examples from the web, I haven't been…
JohnTheAsker
  • 1
  • 2
0
votes
1 answer

ng2-dragula style original element when copying

We're using the copy: true setting with ng2-dragula: constructor(private dragulaService: DragulaService) { dragulaService.setOptions('group-body-bag', { copy: true, copySortSource: true }); } Now we want to fade out the…
Lukas
  • 7,340
  • 10
  • 51
  • 94
0
votes
2 answers

Dragula: get class and id of the dragged item

I have seen this, but it does not work in my code. I am using Dragula, in my Angular2 application with Typescript. I need to get the id of the element of the draged element. Here is a part of the typescript class: constructor(private…
Jimmy
  • 8,682
  • 24
  • 84
  • 144
0
votes
3 answers

How to use indexOf() method on parameter?

I am using dragula.js, and using ondrop event in mycode, drake.on('drop', function (el) { console.log(el); //result
foo bar
var n = typeof(el); //return object var x =…
Aep Saepudin
  • 157
  • 2
  • 4
  • 13
0
votes
0 answers

Drag drop and swipe functionality on same element

For an academic project, I am trying to implement a drag drop functionality on a list of some items, which i have achieved using dragula.js I prepared a demo for same on jsfiddle, which can be found on below link https://jsfiddle.net/4gadu5zc/ …
sumit
  • 1
  • 1
0
votes
1 answer

Angular/2 : ng2-dragula - Create dynamic nested elements

I'm trying to implement a dynamic tree using ng2-dragula. I'm using an ordered list for display purposes such as
  1. Category One
    1. Category 1.1 …
prime
  • 1,584
  • 2
  • 21
  • 38
0
votes
1 answer

angular2 using Dragula can't reorder multiple tbody's

My angular2 dragula setup for those who are interested can be found here: How to set up angular-quickstart with ng2-dragula app.component.ts import { Component } from '@angular/core'; import { DragulaService } from…
Quaternion
  • 10,302
  • 6
  • 45
  • 98
0
votes
1 answer

Dragula with react - Uncaught TypeError: react_dragula_1.default is not a function

I am trying to test Dragula with react for drag and drop and finding issues. I am getting the error: Uncaught TypeError: react_dragula_1.default is not a function Anyone faced this issue or clue to solve the problem. import * as React from…
Babu
  • 1
  • 1
1 2 3
…
12
13