iOS 6 lupa click-work-around

Question

Estoy usando jQueryUI para arrastrar algunos elementos de una lista a otra. Para dispositivos móviles, y especialmente dispositivos táctiles, el usuario tiene que presionar y esperar en un elemento de la lista para comenzar a arrastrar: esto es necesario porque no desactiva la capacidad de desplazamiento.

Ahora, con iOS 6.0 si el usuario sigue presionando el mismo elemento de la lista, aparece la lupa, lo que dificulta la tarea de arrastrar.

¿Alguien sabe una (quizás) solución CSS o jQuery para esto?

Gracias de antemano.

Answer 1

La lupa aparece al seleccionar.

por lo que añadir el navegador cruz habitual user-select a los elementos de lista:

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

Y por si acaso añadir el touch-callout

-webkit-touch-callout: none; 

Aquí es una demostración: http://jsfiddle.net/MadLittleMods/3tzkc/