Datatable re-order rows: can't reorder to last row when page is scrolled (event.pageY > 0)

[gugudwt]

There is no guarantee in receiving an immediate response in GitHub Issue Tracker, If you'd like to secure our response, you may consider PrimeReact PRO Support where support is provided within 4 business hours

I'm submitting a ... (check one with "x")

[x ] bug report
[ ] feature request
[ ] support request => Please do not submit support request here, instead see https://forum.primefaces.org/viewforum.php?f=57

Codesandbox Case (Bug Reports)
Please fork the codesandbox below and create a case demonstrating your bug report. Issues without a codesandbox have much less possibility to be reviewed.

https://www.primefaces.org/primereact/datatable/reorder/

Current behavior
When try to reorder rows and the page has no scroll, i can drag the row to the last position too.
Indeed, if I scroll the page (for example half page) and try to drag and drop any row to the last position (after the last row) it is not possibile.

Expected behavior

I'm expecting that i can drag and drop any row after the last row at every scroll status.

Minimal reproduction of the problem with instructions
You can reproduce the bug directly in the documentation page (https://www.primefaces.org/primereact/datatable/reorder/)

Please tell us about your environment:
Mac OSX Monterey, silicon.

• React version:
  ^16.12.0

• PrimeReact version:
  ^7.2.0

• Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
  Google Chrome for arm64.

• Language: [all | TypeScript X.X | ES6/7 | ES5]
  Javascript/Typescript