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.
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.
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: