From b9a7b08281da5246f4db072151f6656fd129e9aa Mon Sep 17 00:00:00 2001
From: Draconizations <jake.fulminated@gmail.com>
Date: Thu, 19 May 2022 21:38:53 +0200
Subject: [PATCH] fix(dashboard): make dropdowns keyboard navigable

---
 dashboard/src/lib/Navigation.svelte | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/dashboard/src/lib/Navigation.svelte b/dashboard/src/lib/Navigation.svelte
index 0441ac43..a2d8cbc1 100644
--- a/dashboard/src/lib/Navigation.svelte
+++ b/dashboard/src/lib/Navigation.svelte
@@ -29,7 +29,7 @@ import { get } from 'svelte/store';
         <Collapse {isOpen} navbar expand="lg">
             <Nav class="ms-auto" navbar>
                 <Dropdown nav inNavbar>
-                    <DropdownToggle color="transparent" tag="span" class="nav-link">Styles</DropdownToggle>
+                    <DropdownToggle color="transparent" class="nav-link"><span class="select-text">Styles</span></DropdownToggle>
                     <DropdownMenu end>
                         <DropdownItem on:click={() => style = "light"}>Light</DropdownItem>
                         <DropdownItem on:click={() => style = "dark"}>Dark</DropdownItem>
@@ -37,7 +37,7 @@ import { get } from 'svelte/store';
                 </Dropdown>
                 {#if loggedIn_value || localStorage.getItem("pk-token")}
                 <Dropdown nav inNavbar>
-                    <DropdownToggle color="transparent" tag="span" class="nav-link">Dash</DropdownToggle>
+                    <DropdownToggle color="transparent" class="nav-link"><span class="select-text">Dash</span></DropdownToggle>
                     <DropdownMenu end>
                         <Link style="text-decoration: none;" to="/dash?tab=system"><DropdownItem>System</DropdownItem></Link>
                         <Link style="text-decoration: none;" to="/dash?tab=members"><DropdownItem>Members</DropdownItem></Link>
@@ -55,4 +55,10 @@ import { get } from 'svelte/store';
                 </NavItem>
             </Nav>
         </Collapse>
-    </Navbar>
\ No newline at end of file
+    </Navbar>
+
+<style>
+    .select-text {
+        user-select: text;
+    }
+</style>
\ No newline at end of file