All Questions
338
questions
1
vote
0
answers
21
views
Angular 3 levels of drag and drop
I'm working on an Angular application where I need to implement drag and drop functionality for a menu system with the following structure:
Header menu can have both Group menu and Menu items as ...
3
votes
3
answers
111
views
How can I add drag & drop functionality to my file input HTML tag which I have customized as an image?
I am currently designing a form using HTML, CSS, and JavaScript which includes an input type=file. I customized the form, so that the input now uses an image which can be clicked to browse and select ...
0
votes
1
answer
43
views
Drag items disappear/wont move when trying to move them
I'm trying to make a 3x3 grid with the grid items being each a part of 1 image. These items I want to be able to drag and drop them inside another 3x3 grid.(In any order I want).
I've encountered a ...
0
votes
1
answer
124
views
css style cursor during drag & drop
When using the HTML Drap and Drop API, how can I change what the cursor looks like?
It seems to be using the default no-drop while not over a dropable zone as well as some other ones (that I can't ...
1
vote
0
answers
86
views
Separator after x elements in a react-beautiful-dnd list
I'm trying to have a separator between my 3rd and 4th element in a react-beautiful-dnd <Droppable/>.
It's pretty easy to have the separator before drag and after drag, the problem is when it ...
1
vote
0
answers
24
views
Does e.target work differently on mobile?
I have noticed that when I was debugging with the devtools and set it to the screen to be mobile, e.target was detecting the parent divs(especially the ones' display is flex) instead of the children ...
0
votes
1
answer
31
views
need an function swap for swaping elements
function swap(ev, targetId) {
//Working on a school project and got stuck, was trying to swap .gif like drag and drop
const currentId = ev.dataTransfer.getData("text");
const current = document....
0
votes
1
answer
150
views
Cannot drag boxes in calendar weekly column
UPDATED CODE BELOW:
After doing a bit of workaround I can drag and drop boxes now however it drops at whatever timeslot is empty first rather dropping to actual timeslot for example, if I drop box to ...
0
votes
0
answers
29
views
Is it possible to change the cursor while dragging using HTML drag and drop [duplicate]
Í'm trying to make my application look a little better, and something that has been bothering me is the cursor while dragging using HTML drag and drop.
I have tried searching stackoverflow and google ...
0
votes
1
answer
30
views
Issue with Resizing Shapes by Dragging Handles in JavaScript
I'm working on a JavaScript application where I'm implementing functionality to resize shapes by dragging their handles. I've encountered an issue with the resizing functionality. Also, when resizing ...
0
votes
1
answer
205
views
Microsoft Edge Visual Search prevents dragging image
Since Microsoft Edge Version 120 something for Visual Search has changed which breaks dragging a image within my Angular Web App.
The img Element has the property draggable="true".
If ...
0
votes
1
answer
324
views
Ability to move table rows up/down (drag and drop)
My table has five columns.
I would like to add the ability to drag rows up or down. That is, when the user hovers over a row and then hovers over a button (in the first column), I would like the user ...
0
votes
1
answer
646
views
how to change cursor while dragging in dragstart or dragover in Javascript?
I'm trying to change the cursor while im over the drop zone , I saw these questions but didn't help : Q1 , Q2 and Q3 ,
Here is what i tried . first I tried change it in dragstart and dragover by using ...
0
votes
0
answers
80
views
Drag and drop issue with Chrome
I am trying to implement a drag-and-drop using JavaScript. It works perfectly in Firefox, but the drop does not work well in Chrome. The dragged file cannot be dropped easily on the defined area.
Here'...
1
vote
0
answers
79
views
Issue with Drag-and-Drop Reset in JavaScript
const grid = document.querySelector('.grid');
const leftDiv = document.querySelector('.left-side')
const rightDiv = document.querySelector('.right-side');
const btn = document.querySelector('.btn');
...