All Questions
Tagged with drag-and-drop css
510
questions
1
vote
1
answer
438
views
Javascript (vanilla) drag and drop does not work the second time an element is dragged and dropped
I am trying to implement a drag and drop functionality using vanilla Javascript on my web app, where element gets moved to a new position within a div, once it's dragged and dropped.
But I am having ...
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 ...
4
votes
0
answers
627
views
Opacity gradient in drag and drop
I'm trying make a drag and drop component, but when dragging an opacity gradient is automatically applied.
I performed several tests and I noticed that when the component less than 300px approximately,...
1
vote
1
answer
723
views
Disable Scroll When Dragging in MUI Grid
I'm currently writing an app where I have many columns in a MUI Grid, scrolling horizontally. It's a task planner app, and when I create a task, I want to be able to drag it between the different ...
5
votes
1
answer
3k
views
drag and drop when using flex-wrap
I followed a tutorial for making a list that you can drag and drop vertically. I found a way to make it work horizontally, and wanted to add flex wrap to make it look better. But now when I try to ...
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 ...
0
votes
0
answers
509
views
Drag and drop on mobile browsers
I'm trying to implement drag and drop on mobile browsers. For desktop browsers I successfully did it using onmouseup, onmousemove and onmousedown. Then, we noticed that it wasn't working on mobile ...
0
votes
1
answer
140
views
Jquery draggable/droppable and overflow style
I am having a problem with a drag and drop system using CSS overflow values to vertically scroll a list of values that can be dragged between selected and unselected values. However when you drag from ...
1
vote
1
answer
275
views
Stencil drag and drop sortable list without libraries
I need to replicate this exact same sortable list, but using Stencil with no outside libraries. Does anyone has an example? Best I've done so far is a normal drag and drop sortable list, but items don'...
2
votes
0
answers
174
views
Change cursor appearance when dragging file into HTML/JS web page
My web page (with vanilla Javascript) accepts files dropped on to it from the native desktop. I want to change the cursor's appearance while dragging, to give users feedback about the progress of ...
0
votes
1
answer
319
views
How can I prevent image duplication while using drag and drop in HTML?
My friends and I have been working on a simple program to drag and drop busses (off to the side) into parking spots. The program works fine without images, but when images are assigned as background ...
0
votes
1
answer
4k
views
Drag and drop cells on CSS Grid only works properly when moving a cell to the right, and does not work when moving a cell to the left
I have a CSS Grid and I'm trying to implement a drag and drop (or drag and swap) feature. It's getting close to working as desired but as the title says, the dragged cell will not drop properly into a ...
1
vote
1
answer
1k
views
Autoscroll when dragging react
I have a nested list Items which can be dragged and dropped. However, when I reach to the bottom of the page , I wish it to automatically scrolled down. For example :
As you can see from that image ...
4
votes
3
answers
769
views
remove white background from dragImage
I've a draggable element and whenever I drag that from a dark background, it shows the white outline. Is there a way or hack to remove it completely? I want to make it transparent
Here's how it looks ...
2
votes
1
answer
611
views
How to allow text-area resize on the whole border?
I have a text-area that I can resize horizontally. The issue is that I can only do it by grabbing the bottom right corner of the text area.
Is it possible to allow the resizing by grabbing any point ...