Chosen: Choisi sur iPad laisse derrière lui le curseur après la sélection

Il s'agit d'un problème connu et accepté comme tel. Voir https://github.com/harvesthq/chosen/pull/2727 pour plus de détails.

J'ai rencontré le même problème avec Chosen sur iPad. J'ai ajouté les lignes suivantes à mes remplacements de style pour Chosen pour n'afficher le curseur que lorsqu'un select qui a une entrée de recherche est ouvert :

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

J'ai fait fonctionner le code fourni par @TammyTee en le rendant plus général :

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

Fonctionne pour moi - merci!

Le 15 avril 2018, à 15h47, Adam Cadot [email protected] a écrit :

J'ai fait fonctionner le code fourni par @TammyTee en le rendant plus général :

.disable-select
{
-webkit-touch-callout : aucun !important; /* Safari iOS /-webkit-user-select : aucun !important; /-khtml-user-select : aucun !important; /-moz-user-select : aucun !important; /-ms-user-select : aucun !important; /sélection par l'utilisateur : aucun !important;
pris en charge par Chrome et Opera */
}

.chosen-conteneur
{
.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;
}
}

-
Vous recevez ceci parce que vous avez créé le fil.
Répondez directement à cet e-mail, affichez-le sur GitHub ou coupez le fil de discussion.