JQuery UI Sortable, Input box not Editable

Question

I am trying to put an input box in a sortable UL.

The sortable works but the text is "locked" or the click event is overridden...not sure what to do.

I think this link addresses some of my issue. But, I am still confused.

I have also fiddle code here for testing.

Thanks Tons In Advance!

sk

Answer 1

As pointed in comment, this works when you include input tag in cancel option

    $('#jqParetoEditList').sortable({
    cancel: ".fixed,input",
    delay: 100,
    //connectWith: "",
    stop: function (event, ui) {
        //p.HandleSortPareto(ui, ui.item)  // note this just handles the change in order
    },
    start: function (event, ui) {}
});

Check the Working Fiddle