All geek questions in one place

IOS 6 magnifying glass

I use jQueryUI to drag some items from a list to another. For mobile devices and, especially, devices with touch controls, the user must click and wait until the list item starts dragging - this is necessary because it does not disable scrolling.

Now, when iOS 6.0, if the user continues to click on the same list item, a magnifying glass appears, making it difficult to drag and drop.

Does anyone know a (possibly) CSS or jQuery solution for this?

enter image description here

Thanks in advance.

+6
source share
1 answer

When selected, a magnifying glass appears.

So add a regular user-select cross browser 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 a good measure add touch-callout

 -webkit-touch-callout: none;

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

+6
source

Source: https://habr.com/ru/post/927173/

More articles:


All Articles