fix: prevent keyboard focus on hidden navbar buttons with inert attribute

cursoragent · cursoragent · commit ccfa6da7babe · 2026-04-13T17:49:38.000Z
diff --git a/apps/sim/app/(landing)/components/navbar/navbar.tsx b/apps/sim/app/(landing)/components/navbar/navbar.tsx
@@ -215,6 +215,7 @@ export default function Navbar({ logoOnly = false, blogPosts = [] }: NavbarProps
 
           <div
             aria-hidden={!shouldShow}
+            inert={shouldShow ? undefined : ''}
             className={cn(
               'hidden items-center gap-2 pr-16 pl-5 transition-opacity duration-200 lg:flex',
               shouldShow ? 'opacity-100' : 'pointer-events-none opacity-0'
@@ -336,6 +337,7 @@ export default function Navbar({ logoOnly = false, blogPosts = [] }: NavbarProps
 
             <div
               aria-hidden={!shouldShow}
+              inert={shouldShow ? undefined : ''}
               className={cn(
                 'mt-auto flex flex-col gap-2.5 p-5 transition-opacity duration-200',
                 shouldShow ? 'opacity-100' : 'pointer-events-none opacity-0'
