Chrome 73错误：宽度百分比为非静态的父级避免孩子自我滚动

Question

我正在Chrome 73（macOS 10.14.4）下测试这些代码：

<div class="holder">
  <div class="container">
    <div class="self-scrolling">
      <p>fdsafdsa</p>
      <p>fdsafdsa</p>
      <p>fdsafdsa</p>
      <p>fdsafdsa</p>
      <p>fdsafdsa</p>
      <p>fdsafdsa</p>
      <p>fdsafdsa</p>
      <p>fdsafdsa</p>
    </div>
    <div class="long-content">
      12321
    </div>
  </div>
</div>

body{
  height: 100%;
}
.holder{
  position: absolute;
  top: 0;
  left: 0;
  /* width: 400px; */
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(0,0,0,.2);
}
.container{
  position: absolute;
  left: 50px;
  top: 15%;
}
.self-scrolling{
  background: #ccc;
  width: 200px;
  height: 100px;
  overflow: scroll;
}
.long-content{
  height: 1000px;
}

有线线路是width: 100%与width: 400px，可以在固定宽度的父级上滚动子级，但不能在百分比宽的父级上滚动子级。

我已经在Firefox和Safari中进行了测试，看起来不错。