From b329e3c43cd9d8583cdacbbb3a3a174e3857a5bf Mon Sep 17 00:00:00 2001
From: Alessio Gravili <alessio@gravili.de>
Date: Fri, 15 Mar 2024 17:02:41 -0400
Subject: [PATCH] fix: browser console warning: Skipping auto-scroll behavior
 due to `position: sticky` or `position: fixed` on element

---
 packages/ui/src/templates/Default/index.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/templates/Default/index.tsx b/packages/ui/src/templates/Default/index.tsx
index a6ea9cb94..8a94c8697 100644
--- a/packages/ui/src/templates/Default/index.tsx
+++ b/packages/ui/src/templates/Default/index.tsx
@@ -30,8 +30,9 @@ export const DefaultTemplate: React.FC<Props> = async ({
     } = {},
   } = config || {}
 
+  // #nav-toggler needs to be wrapped in a div, not Fragment. This fixes https://github.com/shadcn-ui/ui/issues/1355#issuecomment-1909192594
   return (
-    <Fragment>
+    <div>
       <div className={`${baseClass}__nav-toggler-wrapper`} id="nav-toggler">
         <NavToggler className={`${baseClass}__nav-toggler`}>
           <NavHamburger />
@@ -53,6 +54,6 @@ export const DefaultTemplate: React.FC<Props> = async ({
           {children}
         </div>
       </Wrapper>
-    </Fragment>
+    </div>
   )
 }