RowReorder does not work properly when scroller is enabled
RowReorder does not work properly when scroller is enabled

I used RowReorder to be able to reorder the rows.
However, in doing so, I enabled the scroller so that it could run comfortably with large amounts of data, which led to unintended consequences after the rows were moved.
Moving a dozen or so rows is fine, but a large move, such as moving the 100th row to the 1st row, results in the undragged rows being rearranged in an irregular order.
A test case that reproduces the problem is the following CodePen.
https://codepen.io/sankai0044/pen/gOzvEGz
In the above example, the table generated 1000 rows. For example, dragging the 60th row to the top row will cause the rows from row 1 to row 60 to be rearranged in an irregular order.
This problem can be resolved by disabling the scroller, but how can I use the RowReorder while still using the virtual rendering?