Scrolling up while moving the headers to reorder

[sureshchitrotu]

I have taken a simple example from PrimeNG website for table scrollable as below ( Version 17 as our project is in this version now )

https://v17.primeng.org/treetable#scrollable

Now added below statements for reordering the columns in the above example as below in html file.

[reorderableColumns]="true" and ttReorderableColumn

After these changes, 7th line and 15th line in html looks like below:

7th LIne: scrollHeight="200px" [reorderableColumns]="true" >

15th Line: <th *ngFor="let col of columns" ttResizableColumn ttReorderableColumn>

Problem:
First scroll down to the bottom of the table and then drag the header over the table to reorder the headers. Now the scroll will go up even it is not intended.

Please suggest the solution for stopping the scroll while reordering the columns even we drag over the table body.
https://stackblitz.com/edit/s91s6xbp?file=src%2Fapp%2Ftree-table-resize-scrollable-demo.html