DEV Community

Jaga santagostino
Jaga santagostino

Posted on • Originally published at on

fix chrome flexbox layouts in chrome 72, 73+

Chrome 72 introduced a change in how flexbox element with height: 100% renders, that caused some strange product breakage from one day to another without any code change.


The fix was simple but hard to find.flexbox elements with height: 100% now need to have min-height set, even 0 value is ok.

.list {
  display: flex;

.item {
  height: 100%;
  min-height: 0; /* add this */


more info:

Top comments (0)