All Questions
Tagged with drag-and-drop css
36
questions
59
votes
5
answers
119k
views
How to make <div> resizeable?
Is there a way to make a <div> container resizeable with drag & drop?
7
votes
2
answers
7k
views
CSS3 animation on transform: rotate. Way to fetch current deg of the rotating element?
i am working on a html5 interface wich uses drag and drop. While i am dragging an element, the target gets a css-class, which makes it bidirectionally rotate due to a -webkit-animation.
@-webkit-...
29
votes
6
answers
58k
views
jQuery draggable table elements
jQuery's draggable functionality doesn't seem to work on tables (in FF3 or Safari). It's kind of difficult to envision how this would work, so it's not really surprising that it doesn't.
<html>
...
27
votes
8
answers
76k
views
How to implement a drag-and-drop div from scratch with JavaScript?
It should be a combination of CSS and JavaScript. The steps to do should be:
Make it on top of all other elements (which property to specify?)
Catch the event when it is clicked (which event to ...
2
votes
4
answers
305
views
Why is only 1 of 4 boxes droppable, if they are all supposed to be?
At my sandbox site, if you load it a drop down menu appears after a few seconds with "confirm" button. If you click that "confirm" button, the background image changes and some new boxes load. The ...
65
votes
4
answers
21k
views
Precise Drag and Drop within a contenteditable
The Setup
So, I have a contenteditable div -- I'm making a WYSIWYG editor: bold, italics, formatting, whatever, and most lately: inserting fancy images (in a fancy box, with a caption).
<a class="...
28
votes
4
answers
9k
views
CSS Pointer Events – Accept Drag, Reject Click
tldr; I need an element to register drag and drop pointer events, but pass click and other pointer events to elements behind it.
I am building a drag and drop photo upload feature in react using ...
14
votes
3
answers
10k
views
Drag & Drop on Safari iOS: Won't drag, won't respond to drop on desktop/iPad
I am coding a webpage to be viewed on iPad. It uses Safaris/Webkits drag & drop. I have exactly copied Safari's example drag & drop code but it won't work.
My Problem: The ondrop event is ...
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 ...
8
votes
1
answer
16k
views
Hide Drag Preview - HTML Drag and Drop
I have drag and drop functionality on one of my sites. Once you start dragging one of my dragable divs, there is a transparent preview of the dragged element. This is actually in the way of my users ...
7
votes
2
answers
4k
views
Javascript: How can I set the cursor during a drag & drop operation on a website?
I am developing a Chrome browser extension that allows a drag & drop kind of operation everywhere on the page. However, while the user performs this operation the cursor is usually changed to the ...
1
vote
2
answers
3k
views
Drag and drop anywhere on screen with multiple elements of the same ID Class and Tag HTML
Hello everyone this is my first question so I might have done it wrong.
What I am trying to achieve is is have multiple <aside> elements all with the same ID Class and of course Tag be able to ...
32
votes
7
answers
20k
views
Custom cursor with drag and drop an HTML element without libraries
I have an HTML page which has some draggable elements. Our specs say that hovering mouse on such element the cursor must be grab , and during drag cursor must be grabbing .
I know it is possible to ...
13
votes
6
answers
20k
views
How can I change the cursor when dragging? Material CDK Drag and Drop
Using the Drag and Drop behavior from the Material CDK library, I'm trying to change the cursor upon dragging a cdkDrag element.
For example, in this StackBlitz the cursor is grab upon hover. I'd ...
10
votes
1
answer
17k
views
Style drag ghost element
I am facing an issue, where I am dragging a div.
While the ghost element looks good on MacOs(yes both on Chrome and FireFox),it appears to be too transparent,in Windows (yes both on Chrome and ...