Содержимое mat-sidenav-content переполняется за полосой прокрутки страниц

Question

Я запускаю Angular 7 с Bootstrap и пытаюсь настроить mat-sidenav-container

Проблема, с которой я сталкиваюсь, заключается в переполнении всего содержимого внутри mat-sidenav-content (основного содержимого страницы)за полосой прокрутки браузера для содержимого.

Я перепутался с изменением переполнения на этом безрезультатно.Я знаю, что добавление поля, вероятно, исправит это, но я чувствую, что это грязно, потому что некоторые страницы не имеют полосы прокрутки.

Это как-то связано с использованием начальной загрузки, как я использую этот пример https://stackblitz.com/angular/klqaabgjllb?file=app%2Fsidenav-responsive-example.ts

Answer 1

Удаление position: absolute; из css контейнера страницы за пределами mat-sidenav исправило это для меня и выдвинуло полосу прокрутки за ее пределами.

Answer 2

Добавьте атрибут autosize к вашему mat-sidenav-container.Он помогает пересчитывать поля и прочее с помощью выдвижных ящиков для материала Angular.

Тем не менее, он имеет стоимость с точки зрения производительности, поэтому вы можете установить таймер для его отключения через несколько секунд после завершения анимации, если это важно.для вас.