Estoy trabajando en una aplicación que tiene una barra lateral expandible que, cuando se expande, encoge el contenedor de contenido y viceversa cuando la barra lateral está cerrada. Estoy usando consultas de medios para establecer mis puntos de interrupción, pero dado que las consultas de medios se basan en la ventana gráfica y no en los contenedores, las consultas se activan demasiado tarde cuando se expande la barra lateral (el contenedor de contenido es significativamente más pequeño que la ventana gráfica cuando se expande la barra lateral ).

Aparentemente, hay una consulta de medios de contenedor propuesta para especificaciones futuras, pero como no existe actualmente, quería preguntar si había una manera de solucionar este problema. Estoy seguro de que podría usar JavaScript para descubrir el ancho del contenedor y activar css en función de eso, pero espero evitar esa solución, ya que tendría que agregar eso a muchos componentes y parece una mano dura.

¿Hay alguna manera de basar las consultas de medios en el ancho del contenedor en lugar del ancho de la ventana gráfica?