From e0aa8f9619ff915d307e481e7b15241fab535c29 Mon Sep 17 00:00:00 2001
From: Ajax Davis <thomasalwyndavis@gmail.com>
Date: Wed, 14 Jan 2026 04:50:53 +1000
Subject: [PATCH] fix: resolve jsx-a11y lint error in AppHeader dropdown

---
 apps/web/src/components/AppHeader.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/components/AppHeader.tsx b/apps/web/src/components/AppHeader.tsx
index 2399026..205275c 100644
--- a/apps/web/src/components/AppHeader.tsx
+++ b/apps/web/src/components/AppHeader.tsx
@@ -85,7 +85,7 @@ function NavDropdown({ label, items }: NavDropdownProps): React.ReactElement {
   };
 
   return (
-    <div className="relative" ref={dropdownRef} onKeyDown={handleKeyDown}>
+    <div className="relative" ref={dropdownRef}>
       <Button
         ref={buttonRef}
         variant="ghost"
@@ -95,6 +95,7 @@ function NavDropdown({ label, items }: NavDropdownProps): React.ReactElement {
           setIsOpen(!isOpen);
           if (!isOpen) setFocusedIndex(-1);
         }}
+        onKeyDown={handleKeyDown}
         aria-expanded={isOpen}
         aria-haspopup="menu"
       >
@@ -110,6 +111,8 @@ function NavDropdown({ label, items }: NavDropdownProps): React.ReactElement {
           ref={menuRef}
           role="menu"
           aria-label={label}
+          tabIndex={-1}
+          onKeyDown={handleKeyDown}
           className="absolute top-full left-0 mt-1 w-56 bg-background border border-border rounded-lg shadow-lg py-1 z-50"
         >
           {items.map((item, index) =>