Select Tag unclickable on Mobile

[Mendez83]

Hello,
I am doing some test and I have problem when the item i make sortable contain a select tag that become unclickable on mobile.

Any workaround for this?

<ul id="e_list_catalog" class="connected_list_e list_container">
    <li class="list_item_e_id" id="1">
        E01
        <select>
            <option value="0">30"</option>
            <option value="1">1'</option>
            <option value="2">2'</option>
        </select>
    </li>

    <li class="list_item_e_id" id="2">
        E02
        <select>
            <option value="0">30"</option>
            <option value="1">1'</option>
            <option value="2">2'</option>
        </select>
    </li>
    <li class="list_item_e_id" id="3">
        E03
        <select>
            <option value="0">30"</option>
            <option value="1">1'</option>
            <option value="2">2'</option>
        </select>
    </li>
</ul>

[RWAP]

Try my own fork of this project - it has various fixes one of which helps with sorting:

https://github.com/RWAP/jquery-ui-touch-punch

[jonfen]

I have the same issue.

[RWAP]

The problem is more to do with the grab area - when you put your finger on the select, there is no way of knowing if you are trying to drag it or click onto the select link.

Have you tried the updated fork of this project - if so, raise the issue on that fork, not on this ancient version of code which has not been updated for some years