Question

I have a simple jsfiddle that won’t drop on a droppable DIV, but will drop on a textbox not set as droppable.

Can anyone tell be why the draggable won’t drop in the DIV and why it will drop in the text box?

have tried using different selectors, checked that .data(‘droppable’) is true on the DIV (it is) and tried about everything I could find concerning issues with droppable DIVs…alas to no avail.

Answer 1

Using .draggable() directly on inputs isn’t advisable as it will cause the fields to become un-editable. I would recommend wrapping your inputs in a <span> or <div> and adding .draggable() to those instad.

Here is your code updated as an example – http://jsfiddle.net/jaredhoyt/FNe6t/1/