From 0edeef2a9d2b00cbcf24c8393dcc2201cf3ce195 Mon Sep 17 00:00:00 2001
From: Stephan Richter <s.richter@srsoftware.de>
Date: Fri, 22 May 2026 08:26:08 +0200
Subject: [PATCH] implemented closing of autocomplete dropdown when leaving
 input

Signed-off-by: Stephan Richter <s.richter@srsoftware.de>
---
 frontend/src/App.svelte                     |  1 +
 frontend/src/Components/Autocomplete.svelte | 11 ++++++++---
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/frontend/src/App.svelte b/frontend/src/App.svelte
index a84253ab..ba558ffd 100644
--- a/frontend/src/App.svelte
+++ b/frontend/src/App.svelte
@@ -116,6 +116,7 @@
         <Route path="/project/:project_id/add_task" component={AddTask} />
         <Route path="/project/:id/kanban"          component={Kanban} />
         <Route path="/project/:id/view"            component={ViewPrj} />
+        <Route path="/project/:id"                 component={ViewPrj} />
         <Route path="/search"                      component={Search} />
         <Route path="/stock"                       component={Stock} />
         <Route path="/stock/location/:location_id" component={Stock} />
diff --git a/frontend/src/Components/Autocomplete.svelte b/frontend/src/Components/Autocomplete.svelte
index a54233b6..e2c1eca0 100644
--- a/frontend/src/Components/Autocomplete.svelte
+++ b/frontend/src/Components/Autocomplete.svelte
@@ -63,6 +63,11 @@
         selected = null;
     }
 
+    function onblur(ev){
+        candidates = [];
+        selected = null;
+    }
+
     async function onkeyup(ev){
         if (ignore.includes(ev.key)) return;
         if (ev.key == 'ArrowDown'){
@@ -145,11 +150,11 @@
 </style>
 
 <span class="autocomplete">
-    <input type="text" bind:value={candidate.display} {onkeyup} autofocus={autofocus} {id} />
+    <input type="text" bind:value={candidate.display} {onkeyup} autofocus={autofocus} {id} {onblur} />
     {#if candidates && candidates.length > 0}
-    <ul bind:this={list_elem} class="suggestions">
+    <ul bind:this={list_elem} class="suggestions" tabindex="-1">
         {#each candidates as candidate,i}
-        <li class="option {selected==i?'highlight':''}" onclick={e => select(i)} ondblclick={e => select(i)}>{candidate.display}</li>
+        <li class="option {selected==i?'highlight':''}" tabindex="-1" onclick={e => select(i)} ondblclick={e => select(i)}>{candidate.display}</li>
         {/each}
     </ul>
     {/if}