OverlayPanel: clicking on a nested component's appended overlay dissmisses the overlay panel

[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-test-7nrw3

Current behavior
Clicking on a nested component's appended overlay dissmisses the overlay panel.

Expected behavior
Clicking on a nested component's appended overlay doesn't affect the overlay panel's visibility.

Minimal reproduction of the problem with instructions
Open the overlay panel.
Now click on a dropdown field inside to open its own overlay.
Click to select a dropdown item.
See the overlay panel hide itself.

Please tell us about your environment:

• React version:
  16.13.1

• PrimeReact version:
  4.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 ]
  Firefox 77.0

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

[VsevolodGolovanov]

This doesn't happen in a dismissable Dialog: https://codesandbox.io/s/primereact-test-gw6xt - works fine with a Dialog.

[VsevolodGolovanov]

This could be a duplicate of #1381, though that issue talks about Calendar specifically, so it's not clear if its fix is sufficient in general.

Update: the issue is still there in 4.2.2 for Dropdown. See https://codesandbox.io/s/primereact-test-g768u

[mertsincan]

Fixed in #1832

Best Regards,