Я работаю над приложением PWA. У меня есть небольшая проблема - я хочу сделать часть экрана прокручиваемой, и проблема в том, что эта часть содержит несколько панелей расширения матов. Они скрыты по умолчанию. Когда пользователь открывает некоторые из них и если они не подходят к экрану - эту часть следует прокручивать. Мне интересно, как решить эту проблему.
Закрытые панели:
![enter image description here](https://i.stack.imgur.com/6ydaQ.jpg)
Открытые панели (отмеченная часть, которую необходимо прокручивать) :
![enter image description here](https://i.stack.imgur.com/rwzch.jpg)
Как это выглядит в шаблоне (строка bootstrap вещь):
![enter image description here](https://i.stack.imgur.com/bsQJ1.jpg)
Я думаю, что не могу установить строку меню как фиксированную, также панель с кнопкой отправки является частью компонента mat-panel, и самое главное, чтобы он был отзывчивым. Есть идеи, ребята? Спасибо.