Question

I cannot use input fields for typing data anymore after cancel method of sortable is implemented.

$(function() {
            $( ".sortable" ).sortable({
                connectWith: ".connected-sortable",
                cancel: ".not-sortable",
                update: function(){

                // php update...
                }
            });
});​

All input fields are working fine without cancel, any idea how I can get around to this? Or maybe I have done some mistakes in the html code, etc?

Here is the test page –

jsfiddle

Answer 1

That’s really odd, and probably a bit of a pain.

I figured out a work-around, but it’s not the cleanest.

$('input').on('click', function(e) {
    $(this).trigger({
        type: 'mousedown',
        which: 3
    });
});

$('input').on('mousedown', function(e) {
    if(e.which == 3){
        $(this).focus();   
    }
});

Basically, in the above, we detect the click. the event still fires, so we trigger the the mousedown and declare the which of 3, which was the right-click, because for some reason right click worked. Then in the mousedown, which we trigger, we detect if it was a right click and if so, we’ll focus the element.