All Questions
Tagged with drag-and-drop draggable
635
questions
0
votes
1
answer
130
views
How to make .draggable() work with click+drag rather than long-press+drag?
I have been programming an app in SwiftUI which heavily uses the in-built .draggable() and .dropDestination() modifiers.
To enhance the user experience, I would like to make .draggable() work with ...
0
votes
0
answers
42
views
Dragged component overlapping/over drop target/component so onPointerOver/onPointerEnter event of below component not firing
In my react project, I was able to implement a crude implementation of drag and drop as I didn't want to rely on any drag and drop libraries in order to have a fundamental understanding of how to ...
-2
votes
1
answer
108
views
Dragging a element at a position of Cursor in ReactJs
I am trying to build a game in React, It needs a Drag-and-drop feature. The game has two major components, SideBar and a GameBoard. SideBar contains elements to be dragged onto GameBoard. The Drag and ...
0
votes
0
answers
78
views
ngx-datatable with Draggable Rows
I am trying to implement the drag and drop functionality for but it doesnt work. The structure of my code is as below:
<ngx-datatable class="material" [columnMode]="ColumnMode....
0
votes
1
answer
342
views
Listeners conflict while working with dnd-kit
I am working on a todo list application and I wanted to make the todos draggable.
I am using dnd-kit to achieve the same.
I provided the DndContext and SortableContext in my parent container.
...
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 ...
1
vote
1
answer
357
views
Angular 17: select correct ElementRef of children component on mouseover event
I am constructing draggable and resizable elements in a circumscribed area.
When I hover these elements I dynamically apply sensitive dots (red squares) over them so that I can also perform resizing.
...
4
votes
1
answer
609
views
dnd-kit: drag relative to mouse pointer instead of draggable
Using @dnd-kit/core the default behavior is to have the dragged element (and the div within the DragOverlay) be dragged relative to its original position. If I click and drag the Draggable at some ...
0
votes
0
answers
73
views
How do I change the source of an image drag to the desktop using HTML5 Drag and Drop API?
I have a
<div draggable><img src="https://example.com/test.webp" alt="testing" /></div>
element on a page. By default on MacOS (Chrome or Safari), if you drag ...
1
vote
0
answers
276
views
How to do multi-select in dnd-kit/core React JS
Please how can I implement multi-select in dnd-kit?
This storybook shows it in action but the full code wasn't shown LINK TO STORYBOOK
0
votes
0
answers
9
views
dragged items to correct target spot
I am making my to-do list items draggable. When the dragged element is 'over in the list'/'gets dragged down' it is added to the spot before target and target stays in the same spot. It also means ...
0
votes
0
answers
78
views
Xarrow not updating when I scroll down
I'm using Xarrow in a react project to connect between draggable components, the problem is that when I drag a component down and scroll to see it, the arrow doesn't update and it stays in it's ...
5
votes
2
answers
388
views
.dropDestination doesn't execute with my custom transferable type
I have defined
import SwiftUI
import UniformTypeIdentifiers
enum LayerType: String, Codable, RawRepresentable {
case text
case image
}
struct TransferableLayer: Identifiable, Hashable, ...
0
votes
1
answer
180
views
Multiple Moveable Resizable Windows with HTML / CSS
I am attempt to make multiple moveable resizable windows using only HTML / CSS.
Based on this post from CSS-Tricks I have made two windows and they can both be moved.
However, the second window ...
0
votes
1
answer
81
views
ReactSortable render nested component?
My purpose to implement dragging elements from one list to another, example:
Dragging layout2 element (has 2 nested blocks) into editor.
Dragging paragraph into the one of two layout blocks.
The ...