From 4602f90652058cb389bfc9a576bb146eed763aed Mon Sep 17 00:00:00 2001
From: nocnico <nicolas@syntaxdev.de>
Date: Tue, 3 Jun 2025 21:16:36 +0200
Subject: [PATCH] Make ModeSwitch Dropdown focus aware

---
 .../app/_components/navbar/ModeSwitchDropdown.tsx   | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/apps/dispatch/app/_components/navbar/ModeSwitchDropdown.tsx b/apps/dispatch/app/_components/navbar/ModeSwitchDropdown.tsx
index a79fbb70..2e89c7b6 100644
--- a/apps/dispatch/app/_components/navbar/ModeSwitchDropdown.tsx
+++ b/apps/dispatch/app/_components/navbar/ModeSwitchDropdown.tsx
@@ -8,12 +8,15 @@ export default function ModeSwitchDropdown() {
 	const path = usePathname();
 
 	return (
-		<details className="dropdown z-[9999]">
-			<summary className="btn m-1">
+		<div className="dropdown z-[9999]">
+			<div tabIndex={0} role="button" className="btn m-1">
 				<ArrowLeftRight /> {path.includes("pilot") && "Pilot"}
 				{path.includes("dispatch") && "Leitstelle"}
-			</summary>
-			<ul className="menu dropdown-content bg-base-100 rounded-box z-1 w-52 p-2 shadow-sm">
+			</div>
+			<ul
+				tabIndex={0}
+				className="menu dropdown-content bg-base-100 rounded-box z-1 w-52 p-2 shadow-sm"
+			>
 				<li>
 					<Link href={"/dispatch"}>
 						<Workflow /> Leitstelle
@@ -25,6 +28,6 @@ export default function ModeSwitchDropdown() {
 					</Link>
 				</li>
 			</ul>
-		</details>
+		</div>
 	);
 }