Chosen: Problema de ancho

Creado en 25 abr. 2013  ·  9Comentarios  ·  Fuente: harvesthq/chosen

Hola, cuando uso elegido en un campo de selección como este:

<select id="mySelect" style="width: 65.935%;" multiple>

Elegido generó el <ul class="chzn-choices"> con un ancho de 65,935 píxeles en lugar de porcentaje. Por el momento lo he pirateado con esta inicialización aquí

$('#inputNewRecipient').chosen().next().css('width', '65.9574%');

Atentamente

Bug

Comentario más útil

Esto solucionó el problema para mí

li.search-field {
ancho: 100%! importante;
}
li.search-field input.default {
ancho: 100%! importante;
}

Todos 9 comentarios

¿Estás usando la última versión de Chosen?

¿Y qué navegador estás usando? ¿Y qué versión de Chosen (jQuery o Prototype)?

Perdón por olvidarme de todo esto, ¡tenía un poco de prisa!
La versión elegida es up2date (0.9.13), la versión jQuery, el navegador es el Firefox @ Ubuntu 10.04 más nuevo.
Acabo de volver a probarlo y cambió 65.5% a 55.5px, por cierto, estoy usando Bootstrap.

No hay una gran manera de confiar en style / css para obtener el ancho definido por el usuario (los navegadores modernos devuelven el ancho real en su lugar) lo que significa que Chosen termina automáticamente con un valor de píxel. No queremos vernos obligados a hacer un nuevo cálculo en el cambio de tamaño de la pantalla, por lo que proporcionamos una interfaz opcional para anchos porcentuales.

$('#inputNewRecipient').chosen({ width: '65.9574%' });

@pfiller Ahora estoy usando la interfaz elegida para establecer el ancho. Ahora mi texto de marcador de posición se cortó por el ancho generado: 55px, ¿es esto un problema con el elegido?

bug

Chosen hará que el campo de entrada sea lo más grande posible dentro de su contenedor. A veces, eso significa que el texto del marcador de posición se corta. Si desea que el texto quepa en Elegido, debe hacer Elegido al menos así de grande.

Noté un pequeño problema mientras investigaba esto. Básicamente, se puede permitir que el campo crezca más que el contenedor en ciertos casos. Ver: # 1167

El cuadro tenía alrededor de 600 px de ancho y el texto del marcador de posición se cortó después de alrededor de 6-7 letras.

Tengo el mismo problema.

2013-12-10--1386684424_559x48_scrot

Establecí la propiedad de ancho de elegido en un porcentaje (33%), y luego sucede esto.

Se solucionó el problema anulando estos estilos CSS:

... li.search-field {
ancho: 100%;
}

... li.search-field input.default {
ancho: auto! importante;
}

Tuve un problema similar también:
Anular los siguientes estilos funcionó para mí:

li.search-field {
ancho: 100%;
}
li.search-choice + li.search-field {
ancho: 20%;
}

Esto solucionó el problema para mí

li.search-field {
ancho: 100%! importante;
}
li.search-field input.default {
ancho: 100%! importante;
}

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