z-index conflict for hero-content and menu in navbar.

[prudhvi-mallavarapu]

I'm using latest "tailwindcss": "^3.3.3" and "daisyui": "^3.5.1".

Hero sections https://daisyui.com/components/hero/ and Navbar https://daisyui.com/components/navbar/responsive (dropdown menu on small screen, center menu on large screen) submenu items are displayed below level to the hero-content.

Check the tailwindplay demo code and output here.
https://play.tailwindcss.com/Sbt2rV4HJU

[prudhvi-mallavarapu]

adding z-[1] class solved issue for <ul className="menu menu-horizontal px-1"></ul>

[kisamoto]

Does this still work for you? I have a z-[1] also on the menu but still getting overlap with hero text.