Не работает когда родитель 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 в качестве высоты родителя.