Z-index is incorrectly set

[RomanSamohwal]

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

I'm submitting a ... (check one with "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/intelligent-haibt-xgbrn?file=/src/App.js

Current behavior

The Dropdown component is drawn behind the "Header2" Dialog component. The z-index is not calculated correctly

This is linked by a Tooltip in a Button component that has a z-index. If you remove Tooltip then everything works correctly

Expected behavior

Minimal reproduction of the problem with instructions

Please tell us about your environment:

• React version:

React version:
17.0.2

• PrimeReact version:

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]

[vpsgvitor]

#2266

[melloware]

Yep duplicate of #2266 please close this ticket

[mertsincan]

Duplicate of #2266