Блог

Я создал упрощенную версию mat-sidenav с помощью mat-accordion, который я использую в проекте, здесь, в Stackblitz (https://stackblitz.com/edit/angular-yetvaq-e27ng8?file=app/sidenav-autosize-example.css ). Теперь часто бывает так, что при расширении accordion содержимое sidenav становится больше контейнера. Это приводит к тому, что браузер генерирует полосу прокрутки. Я хотел бы избежать этого, если бы контейнер автоматически регулировал высоту в соответствии с содержимым или размером sidenav и его элементов. Но, к сожалению, расширение accordion не запускает «height: auto» контейнера.

Есть ли решение для этого? -Заранее спасибо!

 .sidenav-container {
  min-height: 50vh;
  height: auto;
}