Как указать прокручивание overflow с элементами размещенными в конце overflow?

Question

[Galdar Turin]

Добрый день. Происходит непонятная ситуация в которой если создать блок с overflow накидать в него инфу и установить содержимое этого блока в конце, то во всех браузерах прокрутка реализуется, но в FireFox overflow и свойство "прокрутки" пропадает с этого блока.

и установить содержимое этого блока в конце

Использую display: flex

Нахожу много вопросов по этому поводу, но не могу разобраться, как с этим работать, ни где толком не объясняется и ответа нет. Возможно глупо делать подобные вещи через display: flex, только вот если я хочу сделать как в чате, ты добавляешь запись, она добавляется вниз, а старые уходят наверх?!

Comments

[Ankhena]

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

[Galdar Turin]

Ankhena, благодарю! Буду ждать исправления и писать жесткие костыли ))

Answer 1

[profesor08]

Зачем `flex`, если у тебя все столбиком? Более того, с чего ты взял, что что-то должно само прокручиваться после добавления контента? Разве так тяжело установить позицию прокрутки блоку вручную равную его высоте? Это же одна строчка кода. Хочешь чтоб все прижалось вниз, задай блоку `margin-top: auto`, а его контейнеру `display: flex`. Или абсолютом прижми к низу с максимальной высотой не больше высоты контейнера.

Comments

[Galdar Turin]

потому-что это "чат" и это динамический блок

[profesor08]

Galdar Turin, и че? В браузере ничего само не прокручивается, с чего ты взял, что оно вдруг должно прокручиваться у тебя. Я предложил два 100% варианта, который из них ты попробовал уже?