safar flex bug

by jimousse

HTML

<div class="one">
  <div class="two">
    <div class="chart">
      I'm a chart
    </div>
  </div>
</div>

CSS

.one {
  height: 100px;
  display: flex;
  flex-direction: column;
  background: pink;
  border: 1px solid red;
}

.two {
  /* UNCOMMENT THE LINE BELOW TO SOLVE IN SAFARI */
  
  /* flex-basis: 0; */
  flex-grow: 1;
}

.chart {
  height: 100%;
  background: yellow;
}