From bc08362a4c0597d85fb951f9d1fb693394e4bffa Mon Sep 17 00:00:00 2001
From: Thies <git@thies.dev>
Date: Thu, 30 Jan 2025 12:12:05 +0100
Subject: [PATCH] navbar: Allow the typing of slash in input/textarea fields

---
 frontend/src/lib/components/Navbar.svelte | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/components/Navbar.svelte b/frontend/src/lib/components/Navbar.svelte
index 5e0d475..4911690 100644
--- a/frontend/src/lib/components/Navbar.svelte
+++ b/frontend/src/lib/components/Navbar.svelte
@@ -17,9 +17,10 @@
 
 	// Event listener for focusing input
 	function handleKeydown(event: KeyboardEvent) {
-		if (event.key === '/' && document.activeElement !== inputElement) {
+        // Ignore any keypresses in an input/textarea field, so we don't interfere with typing.
+		if (event.key === '/' && !["INPUT", "TEXTAREA"].includes((event.target as HTMLElement)?.tagName)) {
 			event.preventDefault(); // Prevent browser's search shortcut
-			if (inputElement) {
+            if (inputElement) {
 				inputElement.focus();
 			}
 		}
@@ -222,7 +223,7 @@
 							bind:value={query}
 							class="grow"
 							placeholder={$t('navbar.search')}
-							bind:this={inputElement}
+                            bind:this={inputElement}
 						/><kbd class="kbd">/</kbd>
 					</label>
 					<button on:click={searchGo} type="submit" class="btn btn-neutral"