Я работаю над приложением PWA. У меня есть небольшая проблема - я хочу сделать часть экрана прокручиваемой, и проблема в том, что эта часть содержит несколько панелей расширения матов. Они скрыты по умолчанию. Когда пользователь открывает некоторые из них и если они не подходят к экрану - эту часть следует прокручивать. Мне интересно, как решить эту проблему.
Закрытые панели:

Открытые панели (отмеченная часть, которую необходимо прокручивать) :

Как это выглядит в шаблоне (строка bootstrap вещь):

Я думаю, что не могу установить строку меню как фиксированную, также панель с кнопкой отправки является частью компонента mat-panel, и самое главное, чтобы он был отзывчивым. Есть идеи, ребята? Спасибо.