All Questions
8
questions
0
votes
0
answers
67
views
the onDrop function is not working ins react-dnd
I am using react dnd and the onDrop function is not working I tried adding console log to confirm the console log is also not been triggered.
I tried multiple ways according to online resources but ...
- 192
0
votes
1
answer
441
views
How to get {x, y} position of dropped element on drop section instead absolute position in React Dnd
I am trying to drag pointer to drop section but I am not able to get position {x, y} relative to drop section. Using React DnD 16.0.1
- 89
1
vote
0
answers
1k
views
Fixed-position headers in react-beautiful-dnd droppable
I have a list of items that have periodic header labels to group the items visually. I want the headers to stay in place while dragging. However, all headers below the dragging item move up by (...
- 535
3
votes
0
answers
320
views
Disable dropEffect from affecting cursor in HTML5 Drag'N'Drop API
I am building a chessboard and trying to move the pieces using the HTML5 Drag and Drop API. However, whenever I move a piece, a box appears under the cursor which completely ruins the aesthetic feel (...
1
vote
0
answers
2k
views
Drag and Select images and then change order by dragging using reactjs
I am developing a front end application using react hooks where I need to upload one/multiple images.
Then i need to implement two features on the uploaded images (shown as bootstrap grid)
1.Drag/...
- 21
1
vote
1
answer
2k
views
How to get realtime coordinates with React DnD
react-dnd library for ReactJS provides begin and end callbacks for dragging. However, I can't find a way in the docs to access the drag event that fires while a drag is in progress. What would be the ...
- 1,171
1
vote
1
answer
5k
views
How to drag multiple objects at once in React?
I would like to drag multiple objects at once (preserving their positions in DOM). So if the objects overlap, the overlapping order should stay the same.
I was trying to achieve this using react-...
- 960
0
votes
1
answer
2k
views
connectDragSource for Each Element in map (Drag and Drop: React DnD)
How to make each item isDroppable?
As the map() function return new Array I decide to pass the connectDragSource into the method, but I still get back the droppable Aray insted droppable Each Item (...
- 409