Chosen: iPadで選択すると、選択後にカーソルが残ります

これは既知の問題であり、そのように受け入れられています。 詳細については、 https：//github.com/harvesthq/chosen/pull/2727を参照してください。

iPadのChosenでも同じ問題が発生しました。 Chosenのスタイルオーバーライドに次の行を追加して、検索入力のある選択が開いているときにのみカーソルを表示するようにしました。

.chosen-container {
    .chosen-search-input {
            user-select: none !important;
    }
    &.chosen-container-single-nosearch {
        .chosen-search-input {
             user-select: none !important;
        }
        &.chosen-with-drop .chosen-search-input {
             user-select: none !important;
        }
    }

    &.chosen-with-drop {
        .chosen-search-input {
            user-select: all !important;
        }
    }
}

@TammyTeeから提供されたコードを、より一般的にすることで機能させることができました。

.disable-select
{
  -webkit-touch-callout: none !important; /* iOS Safari */
    -webkit-user-select: none !important; /* Safari */
     -khtml-user-select: none !important; /* Konqueror HTML */
       -moz-user-select: none !important; /* Firefox */
        -ms-user-select: none !important; /* Internet Explorer/Edge */
            user-select: none !important; /* Non-prefixed version, currently
                                             supported by Chrome and Opera */
}
.chosen-container
{
    .chosen-search-input
    {
            .disable-select;
    }
    &.chosen-container-single-nosearch
    {
        .chosen-search-input
        {
             .disable-select;
        }
        &.chosen-with-drop .chosen-search-input
        {
             .disable-select;
        }
    }
    &.chosen-with-drop
    {
      .disable-select;
    }
}

私のために働く-ありがとう！

2018年4月15日には、3：47 PMで、アダムCadot [email protected]書きました：

@TammyTeeから提供されたコードを、より一般的にすることで機能させることができました。

.disable-select
{{
-webkit-touch-callout：なし！重要; / * iOS Safari /-webkit-user-select：none！important; /-khtml-user-select：none！important; /-moz-user-select：none！important; /-ms-user-select：none！important; /ユーザー選択：なし！重要;
ChromeとOperaでサポート* /
}

.chosen-container
{{
.chosen-search-input
{{
.disable-select;
}
＆.chosen-container-single-nosearch
{{
.chosen-search-input
{{
.disable-select;
}
＆.chosen-with-drop .chosen-search-input
{{
.disable-select;
}
}
＆.chosen-with-drop
{{
.disable-select;
}
}

—
スレッドを作成したため、これを受け取っています。
このメールに直接返信するか、GitHubで表示するか、スレッドをミュートしてください。