`zIndex` not taken into account e.g. between Menubar and Sidebar

[tmlmt]

Reopening of issue #4552

Describe the bug

Menu dropdowns stay below Sidebar despite setting zIndex to have menus or overlays above modals (not sure which category menu dropdowns belong to)

app.use(PrimeVue, {
  ripple: true,
  zIndex: {
    modal: 1100, //dialog, sidebar
    overlay: 1200, //dropdown, overlaypanel
    menu: 1200, //overlay menus
    tooltip: 1100, //tooltip
  },
});

Reproducer

https://codesandbox.io/p/sandbox/goofy-shamir-tmm3nv

PrimeVue version

3.43.0

Vue version

3.x

Language

TypeScript

Build / Runtime

Vite

Browser(s)

Tested on Chromium 120 and Firefox 120

Steps to reproduce the behavior

In the reproducer:

1. Click on "Open Sidebar"
2. Click on the Menu to open the dropdown

Expected behavior

The Menu dropdown should be above the Sidebar

[mertsincan]

Thanks a lot for the report! I set a milestone for it. We'll check before the milestone is released.