Click on jQuery Sortable list does not blur input

Question

I can blur my input by clicking anywhere on the page except the jQuery Sortable list. How can I fix this? UPD: demo

Answer 1

Take a look at the cancel option from the jquery-ui

   $("#sortable").sortable(cancel: 'input');

You'll have to remove the $("#sortable").disableSelection();

See my jsfiddle

UPDATE

I understand your problem. Because jQuery stops the default functionality of the browser when sorting a list, the blur is never called for that field. You'll have to force the field to blur.

See my jsfiddle. I use change to call the blur, you can change 'change' to 'start' if you want the blur to always happen.

Answer 2

To limit the handle to a specific element that is not a input solved it for me.

Answer 3

It is a bug of jquery sortable, which will be fixed in jqueryui 2.0.0. See Sortable: clicking a sortable item does not cause form element to blur

Answer 4

$('sortable').mousedown(function(){
  document.activeElement.blur();
});