Questions tagged [dragula]
a JavaScript library for convenient drag and drop support
dragula
203
questions
0
votes
0
answers
10
views
style zoom:50% dragula position manipulation
It is necessary for the vue2 web application to be scaled. We use dragula to realize assignments of elements via drag&drop.
Unfortunately, the position of the elements during the drag is ...
2
votes
1
answer
106
views
DragulaJs - Drag from a specific button only
I have a div that has several cards inside them, I want to use dragula to allow setting the order of the cards by drag and drop. However I only want to allow dragging from a specific button only.
I ...
0
votes
0
answers
64
views
Different level drag and drop with ng2-dragula
I am using ng2 dragula in my angular app. Nested drag and drop is available in my case as follows.
-a
--b
--e
---k
--f
-c
--g
--h
---i
--j
-d
Here we have parent, child ...
0
votes
0
answers
61
views
is it possible to drag the entire parent div in to child div. Dragula jQuery
I created an HTML page with Dragula jQuery plugin. in this page there is 2 parent-div with peach color and each parent-div includes a child-div with blue color. is it possible to drag the entire ...
0
votes
0
answers
65
views
Dragula row div dragging inside a column div is not working
I created an HTML page to add row and column by 2 buttons click (Add row an Add Column). Also used a plugin called Dragula to drag and drop each of the added row and column, added rows can switch ...
1
vote
1
answer
45
views
Dragula hide list bullets while dragging
I am trying to create a sortable list of images using Dragula.
In this list i dont want the bullets to be visible. The problem I am experiencing is that as I drag an element, the bullet for that ...
2
votes
1
answer
94
views
ReactiveForm element show different <select> value in drag ghost with Dragula
When there is an Angular ReactiveForm element inside a dragged element, it shows a changed value in the drag ghost. The element on its final destination shows the correct value again.
Try a minimum ...
1
vote
1
answer
41
views
How to make the div the size of its content instead of expanding to its max size?
Hello I am trying to make a system of folders which have file inside of them and the files can be dragged between them using this dragula.js.
For some reason the divs of the folder expand to their ...
0
votes
1
answer
149
views
Dragula: How to drag a container into a container?
I am using Dragula and I love it. But recently I came upon a problem that I cannot solve, hence I need your kind help.
I have files, folders and a trashcan. I would like to enable that files can be ...
2
votes
0
answers
165
views
When ı using dragula for the drag and drop in vuejs project, the target index is returning wrongly
I want to add the drag and drop feature to the sidebar containing my slide cards. In this way, I aim to be able to change the location of my slides correctly.
Problem: The slide-card elements are put ...
1
vote
0
answers
1k
views
Plotly Dash clientside callback return value from an event handler issues
I am having issues getting back a return value into a callback on the server side from the clientside callback function from within a javascript event handler. I'm trying to implement a very simple ...
1
vote
0
answers
40
views
Drag&drop ChartJS charts make them disappear [duplicate]
I have different div in my HTML body (some of them with charts) and I want to be able to drag&drop these div to re-organise them. I found Dragula which work pretty well but when I drag&drop ...
0
votes
0
answers
349
views
Dragula: Getting information from dragged item in
I am still learning JS and got into Dragula
Is there an easy way to send a console.log of the dragged item and the destination in vanilla JS? (I am not using React or Angular).
I figured I can do this ...
6
votes
0
answers
301
views
react-dragula only working at high speed?
EDIT: Here's an image of my code in action:
EDIT 2: I'm curious if it's the flex box that's breaking this code? Is dragula designed to work with flex containers?
I have the following container:
#...
0
votes
1
answer
92
views
Dragula js - How to create a shareable link with items order?
I'm using dragula js for ordering elements based on user personalization. Once the personalized order is in place I want to create a shareable link with the order so that when the page is loaded with ...