z-index doesn't work when using popover.panel

[ozdv]

Hello,

Project using react 18.2, headlessui/react 1.7, tailwind v3.2.

The issue I'm experiencing is when creating a popover menu to the right side of my navbar, it opens, however the content on the currentpage overlaps the menu.

My popover.panel classname is:

<Popover.Panel className="absolute top-[-275px] left-[130px] z-10 -translate-x-1/2 transform px-2 sm:px-0 min-w-full">

and it looks like this:

Sorry if I missed any crucial detail; first time making discussion on git. Thanks!

[matagaralph]

Have you tried using a higher z index value like z-40 or 50. ??

[nayan-7span]

Same issue is here. z-index is not affecting to the popover-panel.