iOS 6 lente d'ingrandimento click work-around

Question

Sto usando jQueryUI per trascinare alcuni elementi da un elenco a un altro. Per dispositivi mobili e, in particolare, touch-driven, l'utente deve premere e attendere un elemento dell'elenco per iniziare il trascinamento, necessario perché non disabilita l'instabilità dello scorrimento.

Ora, con iOS 6.0 se l'utente continua a premere lo stesso elemento della lista, viene visualizzata la lente d'ingrandimento, che difficilmente riesce a trascinare.

Qualcuno sa una (forse) soluzione CSS o jQuery per questo?

Grazie in anticipo.

Answer 1

La lente di ingrandimento appare quando si seleziona.

in modo da aggiungere il solito cross browser user-select alle vostre voci di elenco:

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

E per buona misura aggiungere il touch-callout

-webkit-touch-callout: none; 

Ecco una demo: http://jsfiddle.net/MadLittleMods/3tzkc/