Одинаковая высота блоков через flex на динамическом элементе?

Question

[Messi]

Здравствуйте! Есть у меня CK_Editor на странице который при загрузке добавляется динамически. И рядом с ним ещё один такой же блок с текстом, который статически добавлен.
У этих двух блоков одинаковый класс Card и общий wrapper class.
Я хочу чтобы через css это блоки автоматически выравнивались в одну высоту(блок который имеет большую высоту, значит второй блок так же будет изменен).
https://codepen.io/rachelandrew/pen/ZOpXEM
Тут в примере сделано через display:flex wrapper классу. Я так же делаю, но не работает, вопрос, может ли это не работать из-за динамического элемента?

Comments

[Dymok]

height задан этому динамическому блоку?

Answer 1

[Арсений Матыцин]

Нус по умолчанию flex-box стрейчит контент внутри себя, неважно, когда он был создан, остальные элементы потеснятся и скорректируют свою форму.

И я вроде не увидел переопределений на тему -self. Так что без этого самого динамического добавления трудно что-то сказать наверняка.

Но причиной может быть неправильный уровень вложенности приходящего объекта, структура, класс, который может на нем висеть, может с фиксированной высотой прилетает посчитанной на JS. Это все надо смотреть на уровне дебаггера → инспектора кода. Что-то может гасить стили обертки и там это будет видно.

Comments

[Messi]

Спасибо, выяснил что да, flex-box пофиг на динамические элементы, он и с ними работает, а вот ошибка была с тем что над блоком был ещё js который делал высоту.