Stack Overflow
Stack Overflow

Questions tagged [html5-draggable]

HTML5 draggable is one of the HTML5 feature which allows users to drag and drop any element inside the page.

HTML5 draggable is a markup attribute that powers the Drag and Drop API; When set on an element like so "draggable="true"", it becomes an object that can be dragged and dropped across the ui, by the user.

82 questions
0
votes
1 answer

Identify cell in an HTML5 drag and drop operation on a table

I am playing around with the HTML5 drag and drop feature in an Angular application. I have the following scenario: A container with some 'objects' that can be dragged A table where the user can drop the dragged elements I've followed the steps in…
Fel
  • 4,428
  • 9
  • 43
  • 94
0
votes
1 answer

Enyo.js/Javascript Event Handling

I am currently trying to create an Enyo.js Drag & Drop App. I am using the HTML5 Drag and Drop API natively. I keep coming across this error in my "ondragstart" handler. I know I am calling the event handler properly because I am calling the…
Nikki Rae
  • 1
  • 1
0
votes
0 answers

Unreliable drag-n-drop in Firefox?

We are experiencing significant problems with javascript drag-n-drop in Firefox 56. The symptom is that drag-n-drop stops working across all tabs/pages - not just our tab. Commenting out the call to setData() in this jsfiddle makes the problem…
Dwight Kelly
  • 1,232
  • 2
  • 11
  • 17
0
votes
0 answers

How to restrict HTML 5 draggable to be dropped in browser URL bar in chrome

I am using simple HTML5 draggable for my project. I have noticed few strange behavior. Any text I select at chrome are draggable though there is no draggable property added. These selected text are droppable to any textbox even in browser URL bar…
Sibajyoti Maiti
  • 89
  • 1
  • 3
0
votes
1 answer

How to unlock an input?

I need to have the move(draggable) property of the elements. But when I use the property(draggable) on input(text), I lose the ability to scroll the text in the intuition. Whenever I need to scroll through the text it move element. .list input{ …
VINET
  • 641
  • 1
  • 7
  • 28
0
votes
0 answers

interact.js won't work on phone(cordova app) gives an error : Uncaught TypeError: Cannot read property 'ownerDocument' of null

I'm trying to implement an interactive menu using draggable divs(touch and drag) for my mobile application using interact.js. The Snapping sample from their site doesn't seem to work. It gives the error : Uncaught TypeError: Cannot read property…
Jonathan Deon
  • 46
  • 3
0
votes
2 answers

JavaScript addEventListener not working with onDrop, onDragOver, or onDragStart

I'm creating a simple picture puzzle game in JavaScript and am trying to implement the HTML5 Drag and Drop API. If I add an ondragstart, ondragover, or ondrop event to an element (i.e. as an attribute), it works. However, because there are quite a…
TJD
  • 9
  • 1
  • 3
0
votes
1 answer

HTML5 Draggable Element Being Clipped

I've added draggable="true" to an element, and only the visible part of the element is being dragged. The rest of the element is clipped. How can I get the entire element to show?
Dehli
  • 5,950
  • 5
  • 29
  • 44
0
votes
1 answer

How to tell if a URL has been dragged in to a new tab?

I have been asked to track when a user drags a link on our site in to a brand new tab. Is there a drag property that I can use to tell if a new tab was created? I have tried looking at the dragEnd event but the thing that I could find that might…
Bradley Birch
  • 3
  • 3
0
votes
1 answer

Stop HTML5 drop from redirecting Firefox

I have an HTML table with draggable rows. Per this answer I am 'cancelling' the dragover event. dest.addEventListener( 'dragover', function(evt){ evt.dataTransfer.dropEffect = 'copy'; if (evt.preventDefault) evt.preventDefault(); return…
Phrogz
  • 296,393
  • 112
  • 651
  • 745
0
votes
0 answers

JQueryUI Draggable: TypeError: Argument 1 of Window.getComputedStyle does not implement interface Element

I'm trying to attach JQueryUI draggable to a set of elements below:
0
votes
1 answer

Fancytree Drag and drop of Node outside a frame

I loaded fancytree in a frame1 with Drag and drop capabilities.I am having a frame2 with Droppable traget;cureently I am not able to move the fancy tree node out of the frame1 at all. I am able to drag and drop with in facnytree with in frame1…
uday
  • 1
  • 1
0
votes
1 answer

HTML5 drag and drop: prevent dropping off the edge of the document window?

I am working on a simple HTML5 drag and drop element. Here is my JSFiddle: http://jsfiddle.net/e4ogxcum/3/ I would like to edit this so that it's impossible to drop the toolbar half way off the page. Is this possible? In other words, I would like to…
Richard
  • 62,943
  • 126
  • 334
  • 542
0
votes
1 answer

Access clientside modified HTML in ASP.NET codebehind

Is there a way for an aspx page's codebehind to access modified html? For example, I have an empty runat="server" unordered list that looks like this on "queue.aspx"
Then I populate it…
Ectropy
  • 1,533
  • 4
  • 20
  • 37
0
votes
1 answer

Get previous element after drop

Is parent element from which draggable element was removed somewhere stored? I have tried to make work arounds on dragStart with either dataTransfer.setData or dataTransfer.addElement With setData the element gets converted to string addElement…
Artūras
  • 473
  • 4
  • 13
1 2 3 4
5
6