All Questions
49
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
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 ...
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 ...
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 ...
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 ...
0
votes
1
answer
125
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 ...
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 ...
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'...
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
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 ...
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
0
answers
466
views
How to disable blocking cursor when dragging elements?
I am implementing a "drag & drop" functionality inside of a small webpage, however, I am having an interface issue.
Whenever I attempt to drag an element that has its draggable property ...
1
vote
1
answer
89
views
Move item back to its place with javascript [duplicate]
i made a simple game where you have to match the right figures. I want to make something that will get a figure back to its original place when you drag it to the wrong place.
$(document).ready(...
1
vote
2
answers
1k
views
Make image not-draggable but still clickable/hoverable
I have some images on my site and I would like to know how to stop them from being able to be dragged, but so I can still click/hover on them.
This code does not work on Firefox and I am able to drag ...