如何在删除点击元素后使用箭头键滚动列表（Chrome）？

Question

场景如下。

1. 我有一个可滚动列表。
2. 我点击列表中的元素。
3. 我使用箭头键滚动列表。
4. 使用箭头键滚动列表时，将从DOM中删除单击的元素。
5. 滚动停止但我想继续，我被迫点击列表中的另一个元素。

https://jsfiddle.net/b1a54tLf/3/ - 点击第一个元素，滚动，3秒后滚动停止

<div style="overflow-y: scroll;height: 2em;">
  <ul>
    <li onclick="setTimeout(() => $('#first').remove(), 3000)" id="first">1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
  </ul>
</div>

此问题适用于Chrome，Firefox可按预期运行。

我尝试在点击的元素被删除后使用javascript聚焦并单击列表dom元素，但它不起作用。

此行为导致Chrome上的虚拟列表存在缺陷。