Home/ Questions/Q 8725505
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T08:03:23+00:00

I’m using jQueryUI to drag some items from a list to another. For mobile,

  • 0

I’m using jQueryUI to drag some items from a list to another.
For mobile, and specially, touch-driven devices, the user has to press and wait on a list item to start dragging – this is required because it does not disable the scrolling hability.

Now, with iOS 6.0 if the user keeps pressing the same list item the magnifying glass appears, which difficults the task of dragging.

Anyone know a (maybe) CSS or jQuery solution for this?

enter image description here

Thanks in advance.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The magnifying glass appears when selecting.

    So add the usual cross browser user-select to your list items:

    -webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

    And for good measure add the touch-callout

    -webkit-touch-callout: none;

    Here is a demo: http://jsfiddle.net/MadLittleMods/3tzkc/

    • 0