Chrome неправильно обновляет позицию прокрутки при удалении дочерних элементов в событии прокрутки

Question

Я поместил элемент таблицы внутри элемента в следующей структуре.

DIV --> Scroll Element
   DIV--> Table Container with height greater than table
      TABLE -->

В моем требовании я хочу удалить элемент TR из верхней части TBODY и добавить элемент TR внизу таблицы в событии прокруткиконтейнера.Это действие не влияет на scrollHeight элемента scroll DIV, поскольку высота таблицы всегда ниже, чем у контейнера таблицы DIV.Хотя в Chrome эта прокрутка контейнера всегда перемещается вверх, этого не происходит в браузерах Edge и Firefox.Пожалуйста, предложите решение для решения этой проблемы.

JS Fiddle Link