JQuery UI sortable 'cancel' option not working in FF

I have a jsFiddle showing the problem. If you open this in FF 32.0.1 (the latest for now) you will notice that <select>

it is not clickable. Chrome works amazingly.

Any suggestions on how to make this work?

Briefly for those who do not want to open the link:


<ul id="sortable">
    <li><span>drag me 1
            <option value="somevalue1">some value 1</option>
            <option value="somevalue2">some value 2</option>
    <li><span>drag me 2</span></li>
    <li><span>drag me 3</span></li>
    <li><span>drag me 4</span></li>


js (using cancel docs):

    handle: "span",
    cancel: "select"



span {
    cursor: move;
#sortable {
    list-style-type: none;
#sortable li {
    margin: 3px;
    height: 30px;
    background-color: gray;



source to share

1 answer

This is caused by disableSelection ()

See this link and see if disableSelection seems to be removed by default. Try the script without disableSelection ()



All Articles