Iphone with a long press causes the appearance of a rectangular magnifier

Question

Every time I click on any view / screen for a long time, some kind of rectangular magnifier appears that appears. See image for more information. Click to view a rectangular magnifier.

It appears in a specific area every time, regardless of where I click and hold on the screen. I would like to disable the rectangular magnifier, I tried the following codes in css:

-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; 

But he does not turn off. Here's a video so you can get more information about the problem:

Answer 1

I just found the answer in my answer archive.

IO Cordoba long-press shows text magnification of a magnifying glass even with the text selection disabled, how to delete?

Scroll down to answer.

In short. This is an iOS bug. There is a plugin to fix the problem.

https://github.com/EddyVerbruggen/cordova-plugin-ios-longpress-fix

Answer 2

@ jessemonroy650 There is only a js / jquery path: document.addEventListener ("touchstart", function (e) {this.trigger ("click"); e.returnValue = false});

Learn more about Turn off highlight highlight text when touched on Mobile Safari / Webkit