Feat: dropdown now closes when losing focus

markteekman · Dec 29, 2023 · 32a6476 · 32a6476
1 parent 3fca943
commit 32a6476
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/components/Navigation.astro b/src/components/Navigation.astro
@@ -183,6 +183,14 @@ import logo from '../assets/img/logo.svg'
             targetItem = currentDropdownMenu.parentNode
             closeAllDropdownMenus()
           }
+
+          if (key === 'Tab') {
+            const currentDropdownMenu = (currentDropdownList as Element).previousElementSibling
+
+            if (dropdownMenuItems.indexOf(currentDropdownMenuItem as HTMLLIElement) === dropdownMenuItems.length - 1) {
+              closeDropdownMenu(currentDropdownMenu)
+            }
+          }
         }
 
         if (targetItem) {