Chosen: Elegido en iPad deja atrás el cursor después de la selección

Creado en 30 jul. 2017  ·  4Comentarios  ·  Fuente: harvesthq/chosen

Cuando haces una selección de una selección de Elegido en un iPad, un cursor parpadeante se deja atrás después de la selección (ver más abajo, desde la página web de Elegido). El cursor desaparece cuando la selección pierde el enfoque.
img_0270

Comentario más útil

Encontré el mismo problema con Chosen en iPad. Agregué las siguientes líneas a mis anulaciones de estilo para que Chosen solo muestre el cursor cuando una selección que tiene una entrada de búsqueda está abierta:

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

Todos 4 comentarios

Este es un problema conocido y se ha aceptado como tal. Consulte https://github.com/harvesthq/chosen/pull/2727 para obtener más detalles.

Encontré el mismo problema con Chosen en iPad. Agregué las siguientes líneas a mis anulaciones de estilo para que Chosen solo muestre el cursor cuando una selección que tiene una entrada de búsqueda está abierta:

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

Conseguí que el código proporcionado por @TammyTee funcionara haciéndolo más general:

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

Funciona para mí, ¡gracias!

El 15 de abril de 2018, a las 3:47 p.m., Adam Cadot [email protected] escribió:

Conseguí que el código proporcionado por @TammyTee funcionara haciéndolo más general:

.disable-select
{
-webkit-touch-callout: ninguno! importante; / * iOS Safari /-webkit-user-select: ninguno! importante; /-khtml-user-select: none! important; /-moz-user-select: ninguno! importante; /-ms-user-select: none! important; /selección de usuario: ninguna! importante;
compatible con Chrome y Opera * /
}

.elegido-contenedor
{
.Entrada de búsqueda elegida
{
.disable-select;
}
& .elegido-contenedor-nariz-única
{
.Entrada de búsqueda elegida
{
.disable-select;
}
& .elegido-con-soltar .elegido-búsqueda-entrada
{
.disable-select;
}
}
& .elegido-con-gota
{
.disable-select;
}
}

-
Estás recibiendo esto porque eres el autor del hilo.
Responda a este correo electrónico directamente, véalo en GitHub o silencie el hilo.

¿Fue útil esta página
0 / 5 - 0 calificaciones

Temas relacionados

alexfrancavilla picture alexfrancavilla  ·  9Comentarios

piercemcgeough picture piercemcgeough  ·  5Comentarios

scottdoc picture scottdoc  ·  7Comentarios

mcclurem picture mcclurem  ·  4Comentarios

SFPink picture SFPink  ·  4Comentarios