web-dev-qa-db-ja.com

iOSのCordovaを長押しすると、テキスト選択が無効になっている場合でもテキスト選択の虫眼鏡が表示されます。削除するにはどうすればよいですか？

私は非常に奇妙な問題を抱えています。 iOSのcordovaアプリで、アプリの任意の場所を長押しすると、ポップアップテキスト選択の虫眼鏡が表示されます。

例：

Screenshot showing the select-popover

上部のバブルは画面の上部にロックされており、指を左右に動かすときはx位置に従います。

私は人々が私の問題を修正する必要があると言う次のCSSを追加しようとしました：

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

これは役に立ちません。 Webインスペクターで物事を見ると、このcssがすべてに正常に追加されていることが確認できます。私は通常のtouch-callout: noneとuser-select: noneのさまざまなバリエーションを試しましたが、誰もが提案しましたが、何も役に立たないようです。

また、上記の単純なバリエーションを除いて、すべてのjavascriptとすべてのCSSを削除しようとしましたが、虫眼鏡はまだ表示されています。

どうすればそれをなくすことができますか？この問題を引き起こしている可能性のあるプラグインはありますか？どんな助けでも大歓迎です。

Cordovaプラグイン：

  • com.mbppower.camerapreview
  • cordova-プラグイン-ステータスバー
  • cordova-プラグイン-ホワイトリスト
  • ionic-plugin-keyboard
  • org.Apache.cordova.camera
  • org.Apache.cordova.console
  • org.Apache.cordova.device
  • org.Apache.cordova.dialogs
  • org.Apache.cordova.file
  • org.Apache.cordova.file-転送
  • org.Apache.cordova.network-情報
  • org.Apache.cordova.vibration

コルドババージョン：5.1.1 iPhone 5sとiOSバージョン：9.0.1

ioscsscordovatextselection
17
Automatico

そのAutomaticoをありがとう！より多くの欲求不満から私を救った。

それ以来、そのコードはメインラインのコルドバにマージされているようで、追加するだけで有効にできます

<preference name="SuppressesLongPressGesture" value="true" />からconfig.xmlへ

それは私にとって完璧に機能しました！

これがコミットとそれをもたらしたメモです

https://github.com/Apache/cordova-ios/commit/1ad9951c80dbf97281e763f5f27a9bc8852c0537

18
user3624154

どうやら、iOS 9には、-webkit-user-select: none;が機能しないバグがあります。これを修正するプラグインがあります

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

Frederik Wessbergに感謝 https://stackoverflow.com/a/32737049/74185

6
Automatico