double-click hold touch still shows magnifying box

[janwos]

Hello, Great solution/plugin, it works almost perfect for me. Only issue I have is when I preform a double-touch and keep my finger on the screen it shows the magnifying box. Is there an easy solution to this?

edit: It turns out it only happens after showing an full screen adMob advertisement. It has nothing to do with this plugin!!!

[ericguo]

Hello, I have the same issue on the Hello project without any admob stuff.

edit: it has been fixe by adding html{ user-select: none; }. It has nothing to do with this plugin!!!

[Awethentique]

I am having the same problem using the plugin,Single long press works but double tap and hold the screen then you get the magnifying glass. Css user-select: none and -webkit-user-select: none does not prevent the magnifying glass from appearing

[skaraman]

@janwos how did you resolve the issue after the full screen adMob ad? Also I found that this is true after the leaderboard comes up and is diamissed. Seems like this plugin needs a fix that lets you reinitialize it on demand from a function call.

edit - I was able to resolve this using FastClick.js

[skaraman]

actually now i've found that if you double tap and press when both taps are actually touchMove events it will also display the mag glass, can't seem to get rid of this with fastclick either, not yet

[jvjvjv]

I have a similar issue to @skaraman. I have a slider element that is reading touchstart and touchmove events, and if I double-tap on the element before dragging, the magnifier appears. If I single-tap and drag, the magnifier does not appear.

Removing the plugin and using Cordova's own SuppressesLongPressGesture preference helps.

[domwon]

@skaraman Oops, it looks like I opened an issue similar to what you experienced. Plugin works great until after an interstitial AdMob ad displays.

I've tried:

• Deleting the plugin and using just the preferences as @jvjvjv had suggested.
• Resetting html {webkit-touch-callout:none} both with CSS and a JS function after the ad is displayed.

Were you able to find a solution @skaraman or @janwos ?

[skaraman]

@dominickhacnguyen I believe I also set user-select: none and that did the trick. If you need the user input for some other part of your UI like a scrollable list then set user-select: auto on that specific element. Side note - I also used !important on both definitions (touch-callout & user-select) just to be sure.