Questions tagged [react-dragula]
13 questions
6
votes
0 answers
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:
#myDisplay{
display: flex;
…
Cm1602
- 91
- 11
4
votes
2 answers
How to implement an intelligent drag drop (like this) in react? Canvas or non-canvas based approach?
What approach to do intelligent drag drop like this in react? (canvas or non-canvas based approach?). That is to use React (with a library such as React DND) without using cavas, OR move to rendering/drawing this within React using HTML 5 "canvas"…
Greg
- 34,042
- 79
- 253
- 454
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
2
votes
1 answer
How to trigger events on drop with Dragula on drop?
I'm using the react-dragula module with react. For simple explanation purposes, I'm essentially making a trello clone. When an 'AppItem/Card' is moved from one dragula container ('Phase') to another, I want to trigger an event that changes it's…
ayeteo
- 244
- 3
- 5
- 14
2
votes
0 answers
React-Dragula library on implementing drag and drop
I am implementing React-Dragula library for simple drag and drop in my project. I know each element should be div inside container according to there sample code but not getting any solution how to achieve this in my code.
This is the code-
import…
moni sogani
- 278
- 2
- 13
1
vote
0 answers
React Dragula on dropping list item html is not render
I am working on react js app where I used "react-dragula" to drag and drop the list items. I am showing the preview of the child component html inside the parent wrapper component. After dropping an element my html is not render properly. I have no…
Archana Sharma
- 1,953
- 6
- 33
- 65
1
vote
0 answers
drake.on drop event not occurs react dragulla
I am working on react js app and used react-dragula package for drag and drop. I am using dragula container inside child component, but the drop event not occurs. I have tried every possible way but the drop event not occurs. I want to reorder my…
Archana Sharma
- 1,953
- 6
- 33
- 65
1
vote
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
- 11
- 2
1
vote
3 answers
Import library only if document is present (not on server)
I am using sever rendering with my app and came across an issue while using a react extension for dragula library called react-dragula
issue here lies within
import Dragula from 'react-dragula';
for some reason this uses document hence causes error…
Ilja
- 44,142
- 92
- 275
- 498
0
votes
0 answers
Save Position of dragged items with Dragula Drag and Drop
I'm using react-dragula to drag and drop cards. I need to save it after dragging it. How should I save the cards position after drag and drop?
This is the function.
const dragDropRow1 = (componentBackingInstance) => {
if…
user14097284
0
votes
1 answer
Nested drag and drop with react dragula
I am working on a react project and I want to drag tasks to their subtasks with react Dragula like nestable.
Code:
dragulaDecorator = (componentBackingInstance) => {
if (componentBackingInstance) {
…
Varinder Sohal
- 1,142
- 5
- 24
- 44
0
votes
1 answer
React dragula package does not work on react latest version?
I am using react latest version:16.8.6. I am try to integrate react-dragula but this is not working. I am try same code which is mention on react-dragula documentation but this is not working.
Harleen Kaur Arora
- 1,949
- 2
- 23
- 55
0
votes
1 answer
how to move a dragula draggable element to another div in react-dragula?
i'm having an issue with the react-dragula library https://github.com/bevacqua/react-dragula
i can create a column of draggable items but the items inside each column aren't exchangable with other columns, they can only be dragged inside their…
essam tarik
- 25
- 2
- 8