fix: navbar scrolling

packages/website/src/components/Navbar.astro

@@ -20,6 +20,7 @@ import {
 import { resolveBranchName } from '../core/blitzkit/branches';
 import { homeTool, TOOLS } from '../constants/tools';
 import { NavbarAccount } from './NavbarAccount';
+import { times } from 'lodash-es';
 
 const toolsFiltered = TOOLS.filter((tool) => !('href' in tool));
 const tools = [homeTool, ...toolsFiltered];
@@ -30,7 +31,6 @@ const isBranchNamed = branchName !== undefined;
 <style>
   .navbar {
     height: var(--navbar-height);
-    position: sticky;
     top: 0;
     z-index: 1;
   }
@@ -38,29 +38,31 @@ const isBranchNamed = branchName !== undefined;
   .expander {
     --navbar-height: 48px;
 
+    overflow: hidden;
     transition-duration: 250ms;
     width: 100%;
     /* overflow: hidden; */
     backdrop-filter: blur(4rem) brightness(0.75);
     -webkit-backdrop-filter: blur(4rem) brightness(0.75);
+  }
 
-    &[data-expanded='false'] {
+  .expander[data-expanded='false'] {
     max-height: var(--navbar-height);
+    min-height: 0;
+  }
 
-      *[data-expanded] {
+  .expander[data-expanded='false'] *[data-expanded] {
     display: none;
   }
+
+  .expander[data-expanded='true'] {
+    max-height: 200vh;
+    min-height: 100vh;
   }
 
-    &[data-expanded='true'] {
+  .expander[data-expanded='true'] *[data-closed] {
-      max-height: 100vh;
-      overscroll-behavior: contain;
-
-      *[data-closed] {
     display: none;
   }
-    }
-  }
 
   .hamburger {
     display: inline-flex;
@@ -80,9 +82,15 @@ const isBranchNamed = branchName !== undefined;
     }
 
     .expander {
-      max-height: var(--navbar-height);
+      max-height: var(--navbar-height) !important;
     }
   }
+
+  .scroll-area {
+    max-height: 200px;
+    height: 200px;
+    background-color: red;
+  }
 </style>
 
 <script>
@@ -189,7 +197,6 @@ const isBranchNamed = branchName !== undefined;
       </Flex>
     </Flex>
 
-    <ScrollArea>
     <Grid
       columns="repeat(auto-fill, minmax(192px, 1fr))"
       flow="dense"
@@ -264,6 +271,5 @@ const isBranchNamed = branchName !== undefined;
         })
       }
     </Grid>
-    </ScrollArea>
   </Flex>
 </Flex>