Estoy tratando de hacer que funcione la directiva de cambio de tamaño automático, pero tengo un comportamiento inesperado cuando el ancho del contenedor se está reduciendo. La ui-grid no se está reduciendo (funciona al expandirse).
Aquí hay un plunker del diseño de mi aplicación con el problema al que me enfrento:
http://plnkr.co/edit/IjV4RbEQmkJFBH5t?preview
Si agrego un width: 100% !important para la clase de grid , la cuadrícula comienza a expandirse sin detenerse nunca.
¿Tengo que volver a escribir la directiva de cambio de tamaño automático o hay alguna otra forma con css?
No puedo ver tu código, así que no estoy seguro de lo que estás tratando de hacer.
.parent { display: flex; } .resize { flex: 1 1 auto; } Usando flex: 1 1 auto en un niño donde un padre tiene display: flex hará que se expanda automáticamente para adaptarse al padre.