Почему не работает height: 100% внутри блока с flex-grow в Google Chrome?

Question

[Dymok]

Собственно вопрос в заголовке, вот codepen.
В Chrome блок .main-wrapper не растягивается на всю высоту, во всех остальных браузерах растягивается. В чем проблема?
Спасибо.

Answer 1

[alex]

это баг хрома, установите для .main height: 0, должно помочь

Comments

[Dymok]

Спасибо, помогло

Answer 2

[Sergiu Mitu]

вместо flex-grow: 3
вставить flex: 1 1 0;
тыц

Comments

[Dymok]

Спасибо, помогло