Sortable cancel method not working with :not selector

[tilwinjoy]

Sortables cancel option​https://api.jqueryui.com/sortable/#option-cancel is not working with :not() selector ​https://api.jquery.com/not-selector/

Here's a small fiddle ​http://jsfiddle.net/tilwinjoy/PG66Z/28/ demonstrating the problem.

The selector used is ':not(.valid)' Expected result is that the last <li> alone should not be draggable, since it doesn't have the 'valid' class. But none of the elements are draggable, even the ones having class 'valid'

[Scott González]

That's because the cancel option defines a selector which is run against the element using .closest(). All of the items in your sortable are contained in an element that match your selector. What you want to use is something like ".sortable-item:not(.valid)".