Ошибка в 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 и выглядит правильно.