Menubar+BlockUI: incorrect z-index

[Skstud5]

Describe the bug

In the mode when "Menubar" is not "mobile", "BlockUI" overlaps "MenubarSub"

But it works correctly when it's in the form of a hamburger.

However, if you switch to "hamburger" and back, sometimes it starts to behave correctly

Reproducer

https://stackblitz.com/edit/primevue-4-ts-vite-issue-template-izqq3yo8?file=src%2FApp.vue

PrimeVue version

4.1.1

Vue version

4.x

Language

TypeScript

Build / Runtime

Vite

Browser(s)

Chrome 131

Steps to reproduce the behavior

1. Create a BlockUI with content
2. Create a Menubar so that the number of elements in MenubarSub is such that it reaches the content from BlockUI

Expected behavior

In both cases, the Menubar needs to overlap the BlockUI.

[Skstud5]

With all this, the Menubar itself is not in BlockUI, but the MenubarSub is overlapped.

[github-actions]

Due to PrimeVue team's busy roadmap, this issue is available for anyone to work on. Make sure to reference this issue in your pull request. ✨ Thank you for your contribution! ✨

[cagataycivici]

Tip for contributors: Solution is to add baseZIndex and autoZIndex as in Menu component to resolve this.