В Mozila не прокручивается перевернутый флекс-блок?

Question

[MrFavour]

Всем привет.
Понимаю, что ответ скорее всего очень простой, но не могу понять почему?
Есть блок:

overflow: hidden; 
position: relative;
width: 70%; 
height: 80vh;

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

position: absolute;
display: flex;
flex-direction: column-reverse;
overflow-y: auto;

В Хроме, Опере все работает правильно, а в Mozila не появляется скролл и соответственно не прокручивается то что срыто.
Если я делаю flex-direction: column;, то все прокручивается, а если reverse, то нет. Почему?

Comments

[Роман Троицкий]

Залейте на кодпэн пример, пожалуйста. Пока не очень понятно)

[MrFavour]

Роман Троицкий, Как то так, везде работает кроме Мозилы)

[Роман Троицкий]

MrFavour, подтверждаю, баг повторился) забавно, впервые столкнулся. Ща покопаю с коллегами)

[MrFavour]

Роман Троицкий, Вот-вот.. Благодарю)

[Flying]

MrFavour, Интересная ситуация, а вы не хотите отправить bugreport в Mozilla? Там точно лучше скажут почему так или же подтвердят и будут исправлять. На всякий случай: https://bugzilla.mozilla.org/

[MrFavour]

Flying, Придется отправить. Действительно глюк какой-то..

[Марина]

Интересный момент: Если убрать у block_absolute свойство display: flex, то прокрутка появляется.

Отпишитесь, пожалуйста, когда найдете решение или получите ответ от разработчиков браузера)

[MrFavour]

Марина, Если убрать display: flex, то не будет работать column-reverse. Вот в чем проблема)

[Марина]

MrFavour, на это я внимания не обратила

[Galdar Turin]

Роман Троицкий, MrFavour, Марина всем доброго времени суток! Отправлю сообщение о баге и если кто-то что-то узнает, напишите ответ. Заранее спасибо!

Answer 1

[Вадим Герин]

Если убрать нафиг абсолют у .block_absolute а у блока .dialog вместо overflow: hidden задать overflow: auto, то работает.
https://codepen.io/Vadi4/pen/RwPjMgL

Comments

[Galdar Turin]

Даааа, но вот только одно НО, а если я хочу чтобы у меня было 2 элемента и они были прижаты к низу, в твоем варианте оно то работает, но если мало элементов они прижаты к верху

[Вадим Герин]

Galdar Turin, https://codepen.io/Vadi4/pen/RwPjMgL

[Galdar Turin]

Вадим Герин, уфф хасан, ты шо творишь!)) Спасибо! Пушка Гонка!

[Вадим Герин]

Galdar Turin, пожалуйста! на самом деле все просто ) отметь решени тогда уж)

[Galdar Turin]

Вадим Герин, с удовольствием, но я НЕ "Автор вопроса")

[MrFavour]

Вадим Герин Galdar Turin Это не решение. Тогда не работает свойство column-reverse. Блок не прокручивается снизу - вверх.

[Вадим Герин]

MrFavour, снизу - вверх не прокручивается, а сверху - вниз прокручивается?))) или, что? у меня все прекрасно прокручивается как в хроне так и в мозиле. Результат абсолютно идентичен тому что у тебя в примере.

[Galdar Turin]

MrFavour, странно, у меня все работает, или возможно ты говоришь о том, что до дефолту не идет привязка к низу ?