Lazy loaded menu overflowing the page

[VsevolodGolovanov]

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)
https://codesandbox.io/s/primereact-menu-overflowing-lazy-loading-ywbu7

Current behavior
The menu is positioned only when it first shows, and not when its model is updated.

Expected behavior
The menu should be repositioned when its model is updated.

Minimal reproduction of the problem with instructions
Open linked codesandbox.
Right click the button.
See how the menu overflows the page when it finishes loading.

Please tell us about your environment:

• React version:
  17.0.2

• PrimeReact version:
  6.5.1

• 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 ]

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

[VsevolodGolovanov]

Can be worked around by hiding and reshowing the menu when updating the model, but that could be hindered by transitions of course.