Quiero envolver un mensaje XML en un panel de expansión mat si es demasiado largo para que continúe hacia abajo en lugar de ir más allá del panel.
<mat-expansion-panel class="panel"> <pre>{{pretty(message.content)}}</pre> </mat-expansion-panel> .panel { max-height: 80vh; width: 1000px; overflow: auto; } pretty(message: string) { return vkbeautify.xml(message); } Intenté usar white-space , word-break , envolver el mensaje en la etiqueta <p> y establecer el ancho en 85%, pero todas estas cosas no parecían hacer nada.
Objetivo para pre
.panel pre { max-height: 80vh; width: 1000px; overflow: auto; }