Как перевернуть список?

Question

[Old_Chicken]

Добрый вечер , столкнулся с проблемой , есть список который начинается сверху вниз , то есть старые сообщения уходят вниз, хотел реализовать, чтобы сообщения шли снизу вверх(то есть, новые шли вниз , а старые поднимались вверх), должно было помочь display: flex; flex-direction: column-reverse; но это не помогло , как это исправить , чтобы новые шли вниз , а старые поднимались вверх ?

Comments

[Froggyweb]

сортировать лучше как минимум на vue, но на сss все работает, хотя это костыль

element.style {
}
.chat__allmesages {
    width: 100%;
    height: 315px;
    margin-bottom: 10px;
    list-style-type: none;
    overflow: auto;
    justify-content: start;
    display: flex;
    flex-direction: column-reverse;
}

[Old_Chicken]

Froggyweb, у меня половина блока пропала и перестал работать скролл

[Anonymous]

jsfiddle.net не работает! На codepen.io залейте

[Old_Chicken]

Никита Савченко,