Tengo problemas para hacer funcionar este plunkr (select2 + angulat-ui).
http://plnkr.co/edit/NkdWUO?p=preview
En la configuración local, consigo que el select2 funcione, pero no puedo establecer el ancho como se describe en los docs. Es demasiado estrecho para ser utilizado.
Gracias.
EDITAR: No importa que plnkr, he encontrado un fiddle de trabajo aquí [
][4]Parece que es el comportamiento de select2 a colapsar a la anchura del primer elemento. Podría establecer el ancho a través de bootstrap `class="input-medium"Todavía no estoy seguro de por qué angular-ui doesn't tomar parámetros de configuración.
En mi caso el select2 se abría correctamente si había cero o más pastillas.
Pero si había una o más pastillas, y las borraba todas, se encogía a la anchura más pequeña. Mi solución fue simplemente:
$("#myselect").select2({ width: '100%' });
Establecer el ancho a 'resolver' no funcionó para mí. En su lugar, he añadido "width:100%" a mi selección, y modificado el css como este:
.select2-offscreen {position: fixed !important;}
Esta fue la única solución que me funcionó (mi versión es la 2.2.1) Tu select ocupará todo el lugar disponible, es mejor que usar
class="input-medium"
de bootstrap, porque el select siempre se queda en el contenedor, incluso después de redimensionar la ventana (responsive)