Dialogs don't move to the corners of the view when moved quickly

[hstevanoski]

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

[x] bug report
[ ] feature request
[ ] support request

Current behavior
If you try to move any dialog quickly into the edges of the page it does two things:

1. It doesn't go all the way (see screenshot below)
2. When you move it to the right while still having your left mouse key pressed, it quickly repositions itself to the edge of the page and gives you the feeling like when something is flickering

This is a screenshot of one of the scenarios where you try to slam it in the upper left corner of the page and it not going all the way (notice the gaps between the edges of the page and the dialog):

Also, on MacOS (all browsers; I'm not sure about other OSs), the dialog slides beneath the scrollbar of the browser (notice the scrollbar of the dialog appearing below the scrollbar of the browser):

Expected behavior
The movement of the dialog should not be dependent of the speed the dialog is being moved with.
Also, if possible, it would be nice if the max dragging position is calculated including the scrollbar.

• React version:
  17.0.3

• PrimeReact version:
  6.3.2.

• Browser: all

[melloware]

It looks like this happens in all 3 Prime libs NG, React, Vue