From 4cdc335cad97204e547e7ad3dc46d2f30a3c3757 Mon Sep 17 00:00:00 2001
From: Venessa Kuchenik <vkuchenik@contractor.usgs.gov>
Date: Thu, 24 Jul 2025 13:48:41 -0700
Subject: [PATCH] canvas is now scrollable

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

diff --git a/client/src/components/layout/Canvas/views/DashboardCanvas.jsx b/client/src/components/layout/Canvas/views/DashboardCanvas.jsx
index a297ba5..f2263a1 100644
--- a/client/src/components/layout/Canvas/views/DashboardCanvas.jsx
+++ b/client/src/components/layout/Canvas/views/DashboardCanvas.jsx
@@ -1,4 +1,4 @@
-import { HStack, Flex, Tabs } from "@chakra-ui/react";
+import { HStack, Flex, Tabs, Box } from "@chakra-ui/react";
 import WidgetCanvas from "./DashboardCanvasNav/WidgetCanvas";
 import { SearchBar } from "../components/SearchBar";
 import { SettingsButton } from "../components/SettingsButton";
@@ -43,11 +43,12 @@ export function DashboardCanvas() {
 
   return (
     /* HEADER */
-    <Tabs.Root defaultValue="my dashboard">
+    <Tabs.Root lazyMount defaultValue="my dashboard">
       <Flex 
         as="header"
 				position="sticky"
 				top="0"
+        zIndex="banner"
 				bg="base200"
 				px={6}
 				py={3}
diff --git a/client/src/components/layout/Dashboard.jsx b/client/src/components/layout/Dashboard.jsx
index b005da6..9e2710d 100644
--- a/client/src/components/layout/Dashboard.jsx
+++ b/client/src/components/layout/Dashboard.jsx
@@ -61,7 +61,7 @@ export default function Dashboard() {
         <GridItem colSpan={1}>
           <Sidebar onChangeView={ setView }/>
         </GridItem>
-        <GridItem colSpan={1} width="100%">
+        <GridItem colSpan={1} width="100%" overflow="auto">
           <Canvas view={ view }/>
         </GridItem> 
       </Grid>