height app gives a second scroll bar

I'm learning how to use flexbox and I've been reading quite a bit before trying it on my own.

I have a current issue with vertical scroll and flexbox that is very similar to this issue :

Flexbox and vertical scroll in a full-height app using NEWER flexbox api

But for a reason that I cannot figure out at the moment, the more my scrollable element expands, the bigger the total flexbox element is, which shouldn't be the case.

Here is my example : https://jsfiddle.net/Munsta0/8afLpp0h/4/

#contentContainer {
  background-color: red;
  flex: 1 1 auto; //Rest of space
  overflow-y: scroll

  display: flex;
  overflow: auto;
}

#content{
  min-height: -webkit-min-content;
  display: flex;
  flex-flow: column;
}

How can I prevent the whole thing to expand while I have an overflow-y: scroll?

Edit : I can confirm that this bug is only since chrome 48

链接地址: http://www.djcxy.com/p/75646.html

上一篇: Flexbox垂直溢出问题

下一篇: 高度应用程序提供第二个滚动条