固定高度Bootstrap 4列表项组不起作用IE11

Question

我试图在IE 11中使固定高度的Bootstrap 4列表项组工作。

当我使用overflow：auto时，列表在页面加载时无法正确呈现。

但是，如果我调整页面大小，它看起来是正确的。

我只能在IE11中复制它

<div id="items" class="list-group">
  <a class="list-group-item list-group-item-action">
    <div>
      <p>
        test
      </p>
      <p>
        test
      </p>
      <p>
        test
      </p>
      <p>
        test
      </p>
      <p>
        test
      </p>
    </div>
  </a>
  <a class="list-group-item list-group-item-action">
    <div>
      <p>
        test
      </p>
      <p>
        test
      </p>
      <p>
        test
      </p>
      <p>
        test
      </p>
      <p>
        test
      </p>
    </div>
  </a>
  <a class="list-group-item list-group-item-action">
    <div>
      <p>
        test
      </p>
      <p>
        test
      </p>
      <p>
        test
      </p>
      <p>
        test
      </p>
      <p>
        test
      </p>
    </div>
  </a>
</div>


#items {
  height: 300px;
  overflow-y: auto;
}

https://jsfiddle.net/geto8dv4/1/