Список с расширяющимися элементами

Как можно реализовать такое раскрытие элементов списка в flexbox? Родительский блок можно прокручивать, если элементов достаточно много, но только пока ни один из элементов не развёрнут, тогда прокрутка блокируется. Раскрывающийся элемент должен занять всю высоту родителя, но с учётом padding(как flex-grow: 1).

Родительский элемент

display: flex;
gap: 6px;
flex-direction: column;
overflow-y: scroll;
width: 100%;
height: 100%;