Как сделать автоматическое растяжение flex элемента по высоте?

Question

[Alex]

Есть блок с абсолютным позиционированием и максимальной высотой 90%. Внутри есть два блока - кнопка и список. Пытаюсь добиться эффекта автоматического изменения высоты по мере заполнения списка, а при достижении максимальной высоты чтобы появлялся скролл.
По факту выходит что при заполнении списка он просто игнорирует max-height и выходит за границы выталкивая остальное.
Как можно реализовать подобное на чистом CSS?

Пример на jsfiddle (Кнопка добавляет элементы списка)

Comments

[Ankhena]

Досчитывайте и дорабатывайте https://jsfiddle.net/gcefb62p/

[Alex]

Ankhena, спасибо про vh vw совсем забыл, с ними работает всё отлично)

Answer 1

[Kirito Kirigaya]

Как-то так наверное. Но я не особо понял как это должно работать.
Немножко стили покрути
https://codepen.io/brendan8c/pen/zYExqvJ