Fix: Added containerRef property on RouterNavbar component.

aleph-im · Jan 24, 2024 · ee53626 · ee53626
1 parent 90c0034
commit ee53626
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 2 deletions.
diff --git a/.gitignore b/.gitignore
@@ -2,4 +2,5 @@ dist
 node_modules
 storybook-static
 .DS_Store
-.vscode
+.vscode
+.idea
diff --git a/src/components/modules/RouterNavbar/cmp.tsx b/src/components/modules/RouterNavbar/cmp.tsx
@@ -147,6 +147,7 @@ export const RouterNavbar = ({
   Link,
   children,
   onToggle,
+  containerRef = document.body,
   ...rest
 }: RouterNavbarProps) => {
   const theme = useTheme()
@@ -178,7 +179,13 @@ export const RouterNavbar = ({
         ...rest,
       }}
     >
-      <NavbarLinkList withSlash collapsible="xl" breakpoint={breakpoint}>
+      <NavbarLinkList
+        withSlash
+        collapsible="xl"
+        breakpoint={breakpoint}
+        containerRef={containerRef}
+        cont
+      >
         {routes.map((route) => (
           <RouteMemo
             key={route.href}

diff --git a/src/components/modules/RouterNavbar/types.ts b/src/components/modules/RouterNavbar/types.ts
@@ -9,6 +9,7 @@ export type RouterNavbarProps = NavbarProps & {
   breakpoint: BreakpointId
   pathname: string
   Link: LinkComponent
+  containerRef?: Element | DocumentFragment
   children?: ReactNode
 }