[sortable] drag nested items with parent "locked"

[angel-git]

Is it possible to lock parent elements on the sortable component but leave the children to be sortable?

For instance: https://jsfiddle.net/5mvLfw74/

I would like to sort items 11 and 12 but looks like since the parent is on the cancel selector the whole "tree" is locked.

For what i see the issue might be coming from

jquery-ui/ui/widgets/mouse.js

Line 98 in 70dae67

$( event.target ).closest( this.options.cancel ).length : false );

Looks like the closest element that matches the cancel selector is the parent and then the mouse event is not triggered

[kghandi]

I had a similar issue to that listed in issue.
I have submitted a Pull Request (#2324) to allow cancel option to be a function. This allows me to override the default cancel implementation using a selector with something like:

$('.container', context).sortable({
items: '>.widget',
cancel: function (event) {
return $(event.target).closest('.widget').is('.locked');
}
});