All Questions
Tagged with drag-and-drop draggable
635
questions
1
vote
0
answers
39
views
Implement drag and drop functionality in recursive components
I'm trying to implement drag and drop functionality between two JSONs to map the keys of one JSON to another. I created the JsonViewerComponent that accepts JSON data as input and displays it using ...
1
vote
1
answer
41
views
Angular Drag & Drop with nested section and subsection
I am trying to implement a drag-and-drop feature in my Angular 14 Application where I have nested sections and subsections. I want to move each section up or down and subsections will be moved between ...
0
votes
0
answers
38
views
Draggable items break styles on dragging
I'm creating a sequence quiz and chose @hello-pangea/dnd package (which is rewritten react-beautiful-dnd and I succeeded to create a simple component but I faced a problem that when I grab draggable ...
0
votes
0
answers
28
views
drag and drop doesn't work as expected - react.js
When I tap a todo item on a touch screen (which works fine on a PC browser), it correctly marks the item as complete and moves it down in the list, which is the expected behavior and works great. ...
1
vote
1
answer
51
views
cdkDragPlaceholder not working for horizontal Drag and Drop
I'm working on a website which involves horizontal drag and drop of elements.
I'm able to do horizontal drag and drop. But i need the user to identify where he actually dropping the elements. For that ...
4
votes
1
answer
635
views
Drag and Drop to wrapped flex items using react
I have to create a drag and drop functionalities to some dynamically created list items just like the image below:
Here the, items will be displayed by using flex and items will be wrapped by flex-...
1
vote
0
answers
31
views
Parent elements overflow act differently for different child elements?
I have problem with letting one child override parents overflow but not the other
#second-row {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 0px;
height: 503px;
}
.inv {
...
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
13
views
how to drag drop svg elements d3v7 d3v5 working fine but same d3v7 not working d3 drag start drag end
I am using D3.js for modify svg i want to update d3v5 to d3v7 but svg element drag drop not working in updated version old d3v5 working perfect in multiple svg. I have browsing the internet but i can'...
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, ...
2
votes
2
answers
734
views
Mouse event listeners not working after 'dragstart' is fired in Javascript
I am currently developing a drag and drop interface and would like to implement a feature that allows users to return a dragged object to its original position by right-clicking.
In the demo below, ...
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
21
views
Can't change not-allowed cursor when dragging on div borders
Whenever I'm dragging a div over another one, I see the not-allowed cursor appearing and flashing when passing over the borders of another div, even if it has no borders specified.
The expected ...
0
votes
0
answers
33
views
How to change the mouse cursor when a widget in Flutter is drag (and drop)?
in Flutter I have a LongPressDraggable.
I want to change my cursor to a SystemMouseCursors.grabbing when I’m grabbing and moving around the widget how to do this?
I tried to set ...
0
votes
0
answers
33
views
Problem drag and drop React library won't' work properly
I am having a problem in my project. I am building a kanban and using the library react-beautiful-dnd
the problem I am facing is that when i load the page it won't allow me to drag and drop the ...