Global disable the magnifying glass on iOS 9 in the meteor cordova app

Question

I checked a few workarounds to disable annoying magnifying glass using css, but on my design of the iOS9 meteor shower, it appears for a moment and disappears after a few ms.

he worked on iOS 8, but not with iOS 9 now with this css code:

body, body * { -webkit-user-select: none !important; user-select: none !important; -webkit-user-callout: none !important; -webkit-touch-callout: none !important; } input, textarea { -webkit-user-select: text !important; user-select: text !important; -webkit-user-callout: default !important; -webkit-touch-callout: default !important; } *{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none; -webkit-user-drag: none; -webkit-user-modify: none; } 

Am I missing something for iOS 9?

Answer 1

The plugin mentioned by Frederick is now embedded in the cordova, see https://github.com/apache/cordova-ios/pull/174

To enable the fix, insert <preference name="SuppressesLongPressGesture" value="true" /> in config.xml

Answer 2

Yes, this is due to iOS9. Since you are a Cordova user, this plugin will fix the problem for you: https://github.com/EddyVerbruggen/cordova-plugin-ios-longpress-fix

This is due to the implementation of the UILongPressGestureRecognizer before processing -webkit-user-select: none in your css.

Hope this helps you.