Fix issue with focusout preventing onclick from autocomplete

frontend/src/lib/components/Energy/EmptyFoodComp.svelte

@@ -117,6 +117,18 @@
 			autocompleteList.style.left = `${left}px`;
 		}
 	}
+
+	let timeout: number;
+	function handleFocusOut() {
+		timeout = setTimeout(() => {
+			foodSearch = [];
+		}, 100);
+	}
+
+	function handleFocusIn() {
+		clearTimeout(timeout);
+		updateAutocomplete();
+	}
 </script>
 
 <!-- <svelte:window on:keydown={navigateList} /> -->
@@ -136,8 +148,8 @@
 			contenteditable="true"
 			autofocus
 			on:keydown={update}
-			on:focusin={updateAutocomplete}
-			on:focusout={() => foodSearch = []}
+			on:focusin={handleFocusIn}
+			on:focusout={handleFocusOut}
 			bind:this={nameElement}
 		/>
 		<td