All Questions
142
questions
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 ...
- 1,179
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 {
...
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 ...
- 1,045
0
votes
0
answers
17
views
Dynamically Create Draggable items
I have a webpage with multiple rooms, these rooms contains banners that are dynamically created using a function that fetches data from the websocket. Everything is going god but since the data keeps ...
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 ...
- 968
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 ...
- 1,322
0
votes
1
answer
174
views
How to check if something is currently being dragged (from a different origin)?
The HTML Drag and Drop API will fire dragstart/dragend events on the item being dragged.
This makes it easy to update a dragInProgress variable, which can be used to check if a drag is in progress.
...
- 7,943
0
votes
0
answers
49
views
How to make an nested draggable list like an figma layer section?
Need that feature for my project , but I had no idea how ? I already made the simple normal draggable , and it work just fine , but I can't drag to make it nested like figma does
here is my normal ...
0
votes
0
answers
18
views
Angular drag and drop - hiding droppables causes the index to malfunction
I have a 2-dimensional dashboard of widgets on a 3x3 grid. I allow customization of the dashboard. The customization works in such fashion, that the widgets that are removed from the dashboard are ...
- 1,288
0
votes
0
answers
31
views
Dragged element text is sticked to cursor as "hologram"/"shadow"
I'm trying to make an element draggable. It contains text and as soon as I drag the element outside the element boundaries, this weird clone of the text forms that is only slightly visible and bound ...
- 45
1
vote
1
answer
135
views
Drag and Drop Template using JavaScript
After Dragging a block from left container to right container, it gets removed from left container. How to prevent from removing from left container and should drag and drop multiple times the same?
I ...
- 25
0
votes
1
answer
507
views
How to get the text of dragged item in javascript
I am learning about drag and drop and I created this simple script (Run script) to check
function onDrag(ev) {
console.log('You are dragging', ev.target.className)
}
function onDrop(ev) {
ev....
- 85
0
votes
1
answer
124
views
Restore original position draggable element when it's dropped in the wrong place HTML + Javascript
Im tryinig to use this code which another spoke of him in another post but that modified a little.
http://jsfiddle.net/fsy37kv4/
I would like when some circle was dropped in a wrong position, the ...
- 61
0
votes
2
answers
461
views
Drag n drop in block area
I ran into this problem and don't know how to solve it. I need to drag and drop a point inside the map and save its new coordinates relative to the map.
Let's say I have a layout like in the picture I'...
1
vote
1
answer
302
views
CSS content tag in style disallows to drag element
I need to make draggable elements in html with image changeable through replacing style of the element. The picture I insert with content style tag. But when I use content, the element looses ability ...
- 13