From 9d6a4b356f30501735b35abf5c59bf319bcfc746 Mon Sep 17 00:00:00 2001
From: "Daniel S. Hansen" <dshansen@contractor.usgs.gov>
Date: Mon, 28 Jul 2025 11:44:25 -0700
Subject: [PATCH] Fix competiting zIndex values between the Canvas Header and
 the Avatar dropdown menu

---
 client/src/components/layout/Canvas/views/DashboardCanvas.jsx | 2 +-
 client/src/components/layout/Header/UserAvatarMenu.jsx        | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/client/src/components/layout/Canvas/views/DashboardCanvas.jsx b/client/src/components/layout/Canvas/views/DashboardCanvas.jsx
index de6d6fc..549584e 100644
--- a/client/src/components/layout/Canvas/views/DashboardCanvas.jsx
+++ b/client/src/components/layout/Canvas/views/DashboardCanvas.jsx
@@ -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}
diff --git a/client/src/components/layout/Header/UserAvatarMenu.jsx b/client/src/components/layout/Header/UserAvatarMenu.jsx
index c4eb8a0..a4960cf 100644
--- a/client/src/components/layout/Header/UserAvatarMenu.jsx
+++ b/client/src/components/layout/Header/UserAvatarMenu.jsx
@@ -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>