From 50a61db23c23a72406ec3ea9f03de59784638c82 Mon Sep 17 00:00:00 2001
From: Thomas Wissemann <25253732+tcwissemann@users.noreply.github.com>
Date: Mon, 10 Mar 2025 23:11:41 -0500
Subject: [PATCH] fixed broken dropdown menu on Safari (#441)

---
 .../dashboard/src/routes/Navbar/NavbarMenu.svelte     | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/packages/dashboard/src/routes/Navbar/NavbarMenu.svelte b/packages/dashboard/src/routes/Navbar/NavbarMenu.svelte
index d679999b..9b761853 100644
--- a/packages/dashboard/src/routes/Navbar/NavbarMenu.svelte
+++ b/packages/dashboard/src/routes/Navbar/NavbarMenu.svelte
@@ -57,15 +57,18 @@
       <a href="/about" rel="noreferrer">About</a>
     </li>
   </UserLoggedOut>
-
   <UserLoggedIn>
     {#if !isCollapsed}
       <li>
         <div class="dropdown dropdown-end p-0 m-0">
-          <Avatar />
-
+          <!-- tabindex required for normal behavior on safari -->
+          <div tabindex="0" role="button">
+            <Avatar />
+          </div>
+          <!-- svelte-ignore a11y_no_noninteractive_tabindex -->
           <ul
-            class="menu dropdown-content bg-base-300 rounded-box z-[1] mt-36 md:mt-24 w-52 p-2 shadow"
+            tabindex="0"
+            class="dropdown-content menu bg-base-300 rounded-box z-[1] mt-36 md:mt-24 w-52 p-2 shadow"
           >
             <li><a href="/account">Settings</a></li>
             <li>