コンテキストアクションメニューがIonic（Android）で非表示にならない

Question

長押しのジェスチャーでは、コンテキストアクションメニューが選択したテキストに沿って表示されます。 メニューからオプションを選択しない限り隠れません。コンテキストアクションメニューを有効にする

まず、私はこれを使用：

-webkit-user-select: auto; 

をしかし、今、私はそれを隠すことができません：CSSクラスで

overflow-scroll = "true" in the ion-content. 

を、私は書いています。それは私の見解ではロックされています。 Webビューのどこに触れても、まだ有効です。コンテキストメニューを非表示にするには、私はこれを使用しました：

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

まだ成功していません。この特定の問題はアンドロイドのみです。 iOSの場合、正常に動作しています。どんな助けもありがとう。

イオンのバージョン - 2.1.0

更新

は、最後に私は答えを見つけました。

私は以下の2つの方法を使用しました。選択を削除するために、長押しと二番目の方法でテキストを選択する最初の方法。

  /*----------- To get selection--------*/ 

      $scope.getSelectionText = function() { 
      var text = ""; 
      if (window.getSelection) { 
       text = window.getSelection().toString(); 
       $scope.selectMode = true; 
      } else if (document.selection && document.selection.type != "Control") { 
       text = document.selection.createRange().text; 
       $scope.selectMode = true; 
      } 

      return text; 
     }; 

     /*---------------To remove selection----------*/ 

      $scope.remove = function(){ 
      if (window.getSelection) { 
       if (window.getSelection().empty) { // Chrome 
        window.getSelection().empty(); 
       } else if (window.getSelection().removeAllRanges) { // Firefox 
       window.getSelection().removeAllRanges(); 
       } 
      } else if (document.selection) { // IE? 
       document.selection.empty(); 
      } 
      }; 

そして最後に、私は答えを見つけ、あなたのdivに

  <div class="selectable" ng-click="remove()"> 
       <ng-include src="activeTab.url"></ng-include> 
     </div> 

Answer 1

をNG-クリック追加します。

私は以下の2つの方法を使用しました。選択を削除するために、長押しと二番目の方法でテキストを選択する最初の方法。

   /*----------- To get selection--------*/ 

       $scope.getSelectionText = function() { 
       var text = ""; 
       if (window.getSelection) { 
        text = window.getSelection().toString(); 
        $scope.selectMode = true; 
       } else if (document.selection && document.selection.type != "Control") { 
        text = document.selection.createRange().text; 
        $scope.selectMode = true; 
       } 

       return text; 
      }; 

      /*---------------To remove selection----------*/ 

       $scope.remove = function(){ 
       if (window.getSelection) { 
        if (window.getSelection().empty) { // Chrome 
         window.getSelection().empty(); 
        } else if (window.getSelection().removeAllRanges) { // Firefox 
        window.getSelection().removeAllRanges(); 
        } 
       } else if (document.selection) { // IE? 
        document.selection.empty(); 
       } 
       }; 

そして追加のdivにNGクリック

   <div class="selectable" ng-click="remove()"> 
        <ng-include src="activeTab.url"></ng-include> 
      </div>