MDN, the spec, and every site I can find with Google says that all HTML elements can be draggable. However, in practice I find that I can't drag text inputs or textareas, even if they're disabled.
For example, with the following code:
<img src="http://www.placehold.it/350x150" draggable alt="Placeholder image">
<a href="http://example.com" draggable>Link</a>
<input type="text" draggable>
<input type="text" disabled draggable>
I can drag the image and the link, but neither of the inputs can be dragged.
Here's a JSfiddle
Is it possible to drag inputs using the HTML5 draggable attribute? If not, is there a workaround I could use?
position: fixed
- I mean the plain old drag and drop where when you drop it into another HTML element. That part works fine on all other elements except inputs and textareas.