Chosen: Ausgewählt auf dem iPad hinterlässt den Cursor nach der Auswahl

Dies ist ein bekanntes Problem und wurde als solches akzeptiert. Weitere Informationen finden Sie unter https://github.com/harvesthq/chosen/pull/2727 .

Ich bin auf das gleiche Problem mit Chosen auf dem iPad gestoßen. Ich habe meinen Stilüberschreibungen für Chosen die folgenden Zeilen hinzugefügt, um den Cursor nur anzuzeigen, wenn eine Auswahl mit einer Sucheingabe geöffnet ist:

.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;
        }
    }
}

Ich habe den von @TammyTee bereitgestellten Code zum ich ihn allgemeiner gemacht habe:

.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;
    }
}

Funktioniert bei mir - danke!

Am 15. April 2018 um 15:47 Uhr schrieb Adam Cadot [email protected] :

Ich habe den von @TammyTee bereitgestellten Code zum ich ihn allgemeiner gemacht habe:

.disable-select
{
-webkit-touch-callout: keine !wichtig; /* iOS-Safari /-webkit-user-select: keine !wichtig; /-khtml-user-select: keine !wichtig; /-moz-user-select: keine !wichtig; /-ms-user-select: keine !wichtig; /Benutzerauswahl: keine !wichtig;
unterstützt von Chrome und Opera */
}

.ausgewählter-Container
{
.ausgewählte-Sucheingabe
{
.deaktivieren-auswählen;
}
&.ausgewählter-container-single-nosearch
{
.ausgewählte-Sucheingabe
{
.deaktivieren-auswählen;
}
&.ausgewählt-mit-Drop .ausgewählte-Sucheingabe
{
.deaktivieren-wählen;
}
}
&.ausgewählt-mit-Drop
{
.deaktivieren-wählen;
}
}

—
Sie erhalten dies, weil Sie den Thread verfasst haben.
Antworten Sie direkt auf diese E-Mail, zeigen Sie sie auf GitHub an oder schalten Sie den Thread stumm.