Bootstrap с фиксированной высотой 4 Группа элементов списка не работает IE11

Question

Я пытаюсь заставить Bootstrap 4 фиксированной высоты работать в IE 11. Группа элементов списка.

Когда я использую 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/