Form inputs inside jQuery draggable objects are uneditable

Question

I'm trying to put a form inside an element, on which jQuery sortable is active. There's a DIV element, which is movable (with jQuery sortable), an IMG element, which is used as a handler for moving the DIV and FORM element with inputs inside. Both FORM and IMG els are inside the DIV. Problem is, that inputs inside the form can't be edited. When I turn sortable off, it works fine.

Am I doing something wrong or is it a bug? Is there a way to fix it?

Thank you kindly

Answer 1

I had this same issue. I got the sortable code from the jquery-ui website, and it had the following line of jquery code:

$( "#sortable" ).disableSelection();

once I commented this out, I was able to edit my forms again. It may work for you. I'm sure this will cause me other headaches (