Не работает когда родитель max-height

[antoncojocaru]

Есть проблема. Не работает в случае когда родительский элемент не имеет фиксированной высоты, а только max-height, по скольку .clipper {height:100%}.
Пробовал дать .clipper {
height: inherit;
min-height: inherit;
max-height: inherit;
}
Тогда он принимал родительскую высоту но бар не появлялся и ничего не скроллилось.

[Diokuz]

Привет)

Можешь запостить html код? Не совсем понятно, про какого родителя идёт речь)

В любом случае, высота скроллера тем или иным образом должна быть ограничена.

[antoncojocaru]

<div><!-- parent -->
    <div class="clipper" data-baron-v-id="0">
        <div class="scroller">
            <ul>
                <li></li>*n items
            </ul>
        </div>
        <div class="track">
            <div class="bar">
            </div>
        </div>
    </div>
</div>

Есть список с переменным количеством элементов. Родительский див имеет max-height, для того чтобы в случаях когда мало элементов не занимать лишней высоты и при достижении max-height ограничить (речь идет о дропдауне с уведомлениями). Я уже решил проблему, у меня барон в реакт компоненте (пытался пол года назад использовать библиотеку реакт-барон, но ругался на es5, поэтому написал свой). Решил через getComputedStyle забирать родительский max-height и задавать (когда нужно) его inline в качестве высоты родителя.