Tengo la última versión de choose (1.0.0) y obtengo ancho: 0px dentro del contenedor elegido. No tengo idea de por qué la función this.container_width() ha estado devolviendo "0px". ¿Alguien podría ayudarme?
nota: estoy usando dentro de un modal de arranque que se muestra sobre la marcha
nota 2: debo llamar a modal () y luego llamar a elegido () para no fallar
Encontré exactamente el mismo problema, y lo que me resolvió fue agregar un
ancho mínimo: 220px! importante;
a la clase CSS .chosen-container :)
Duplicado de #1272 y #1532, posible solución en #1439
Busqué este problema alrededor de 1 hora. No estaba seguro de si venía desde la última actualización a 3.2... lo arreglé con el archivo added.css y ancho: 220px !importante
No es una buena solución, debería solucionarse con la próxima actualización de joomla... este problema tiene casi 1 año.
En el código de "chosen.jquery.js" mira:
accesorios_contenedor = {
'clase': container_classes.join(' '),
'estilo': "ancho: " + (this.container_width()) + ";",
'título': this.form_field.title
};
Entonces simplemente haz:
$("#idControl").elegido({
ancho: "250px"
});
Me doy cuenta de que esto es un poco antiguo, pero se me ocurrió una solución marginalmente mejor (para 1.7.0) al agregar la siguiente función:
function defModalWidth(obj) {
if (obj.container_width() == '0px') {
return '600px';
} else {
return obj.container_width();
}
}
y reemplazando this.container_width()
en set_up_html
llamándolo así:
this.container.width(defModalWidth(this));
Cualquier cosa que se elija debería ser cero porque el modal en el que está oculto obtendrá 600 en su lugar.
Parece funcionar.
Comentario más útil
Encontré exactamente el mismo problema, y lo que me resolvió fue agregar un
ancho mínimo: 220px! importante;
a la clase CSS .chosen-container :)