Fix competiting zIndex values between the Canvas Header and the Avatar dropdown menu

2025-07-28 11:44:25 -07:00
parent 968f468030
commit 9d6a4b356f
2 changed files with 3 additions and 2 deletions
@@ -70,7 +70,7 @@ export function DashboardCanvas({ layout, setLayout, onLayoutChange }) {
        as="header"
 				position="sticky"
 				top="0"
-        zIndex="banner"
+        zIndex="dropdown" // zIndex: 1100
 				bg="base200"
 				px={6}
 				py={3}
@@ -18,7 +18,8 @@ export default function UserAvatarMenu({ name, avatar }) {
 				</Box>
 			</Menu.Trigger>
 			<Portal>
-				<Menu.Positioner zIndex="popover">
+				{/* zIndex: overlay = 1300 */}
+				<Menu.Positioner zIndex="overlay"> 
 					<Menu.Content>
 						<Menu.Item value="account">Account</Menu.Item>
 						<Menu.Item value="settings">Settings</Menu.Item>