All Questions
Tagged with drag-and-drop css
510
questions
0
votes
1
answer
425
views
Why html element lose border-radius while dragging?
Why did the element lose border-radius while I dragging them?
Seems element will cut the the background to fill four corners lose radius
item css class:
.list_item_pic {
display: flex;
flex-...
1
vote
1
answer
130
views
Only the last draggable <div> element / JS function stops when released and not the previous?
I am having problems with the following code (heavily cut down version). essentially I am trying to make the two different windows draggable (via the title bar only). It works perfectly when there is ...
0
votes
1
answer
281
views
How to make div follow mouse when being dragged
I'm creating a little webpage for a client of mine on Fiverr. He wants a drag and dropbox that when you drag the image the drag icon (the image the mouse holds on to while dragging something) goes ...
0
votes
0
answers
723
views
How do i create a draggable and resizable element that snaps to a grid
i'm currently working on a timetable function on a project. I want to make the event blocks draggable and resizable, but only on a 10px increment and be able to move them over to the other days/...
0
votes
1
answer
216
views
How does Google Drive create this file drag animation in their website
When dragging multiple files in Google Drive, it does the slick animation where it compresses the files into a stack and displays a counter for the files in the top right corner. The answer I am ...
1
vote
0
answers
373
views
How can I preserve the "move" cursor when dragging elements in Chrome?
What is wrong?
This is the current behavior in Chrome. Notice that when the dragging starts, the cursor changes back to "default":
I have tried using the effectAllowed along with dragEffect. ...
1
vote
0
answers
532
views
Continuously scrolling slider with drag functionality
I'm trying to make a continuous slider, that scrolls infinitely with no easing from right to left with no gap at the end of the div, with a possibility of grabbing it and dragging it left or right. I ...
0
votes
1
answer
2k
views
drag and drop file did not response
I am trying to do a upload file and drag & drop file but only the upload file was successfully and the drag & drop did not function and I can't figure it out. Below is my code:
HTML
<...
1
vote
0
answers
293
views
Dynamically created icon is there but not visible
I've written my code in such a way that when the user drops a draggable element into a valid drop target the code dynamically creates an icon element using font awesome. However, the icon in question ...
0
votes
1
answer
770
views
Why drag and drop execute even if drop target element class list attributes doesn't contain draggable element id?
I want a draggable element to be dropped into a drop target element if and only if the drop target element in question contains the draggable element id as one of its class attributes.
So when the ...
8
votes
3
answers
11k
views
How can I hide (or change) the drag not allowed cursor during a dragging?
hi.
I'm trying to find out how to hide the "drag not allowed" cursor during a drag operation.
I could be okay with changing it too, if removing isn't possible. I feel like I'm not getting ...
9
votes
2
answers
17k
views
CSS cursor when dragging
I have a div like so, but when I drag on this div, the cursor automatically changes to the disabled one. How can I fix this?
div {
background-color: red;
width: 10px;
height: 10px;
cursor: ...
4
votes
1
answer
1k
views
VS 2022 No longer allows me to drag and drop links to css/js files
In VS 2019, You're able to drag a JS or CSS file and it'll automatically create the src link to that file. In 2022 this functionality is no longer there, When looking for solutions I only saw two ...
4
votes
0
answers
2k
views
React Drag and Drop Cursor Change
I've built a simple drag-and-drop function in React. There are 2 columns that divs can be dragged between and a third is not allowed. The CSS dynamically changes if one is to drag over the noDrop div. ...
2
votes
2
answers
2k
views
html5 drag and drop background color glitches
I'm setting up a view where table rows can be dragged to another table inside another div. While dragging a row, I highlight the droppable area by changing the background color. However, when dragging ...