Prevent drag event to interfere with input elements in Firefox using HTML5 drag/drop

Question

It seems that an input element loses a lot of functionality when put into an element with draggable=\"true\". This only seems to occur in firefox.

See my jsfiddle: h

Answer 1

I used the onMouseEnter and onMouseLeave functions on the textarea to set the div draggable only when the mouse is outside the textarea.

I did this because I needed the focus to stay in the edit fields while dragging and dragging itself does not trigger a focus event.