Solución:
Esto es por diseño. “Material Design”, es decir 🙂
https://material.io/archive/guidelines/patterns/navigation-drawer.html
Lo que está pidiendo ya no sería un cajón, como se describe en la especificación de Material Design. Material-ui intenta seguir fielmente esa especificación.
Probablemente tendrá que crear su propio componente, porque no creo que pueda manipular suficientemente el marcado y el CSS en línea representado por el componente Drawer para lograr lo que está buscando.
Esto se puede lograr con la nueva versión de Material-UI.
Mira estas demostraciones.
El comportamiento se describe en la especificación del material bajo el encabezado “Persistente”.
La versión mencionada de Material-UI es v1.0.0-beta.38. Hasta ahora lo noté muy estable.
No estoy seguro de si Material Design ha cambiado desde que se publicó, pero creo que OP está describiendo el cajón “persistente” que se define en la especificación. Busque en “Comportamiento”. Sin embargo, material-ui no proporciona un cajón persistente.
Aquí hay un trabajo decente en torno al uso del cajón de material-ui actual empujando el contenido hacia la derecha del mismo ancho que el cajón.
Cómo hacer que Material-UI Drawer ‘exprima’ otro contenido cuando está abierto