From d290cae3f7d329dba0c960c2891ef114057cd61b Mon Sep 17 00:00:00 2001
From: PhatPhuckDave <david.majdandzic@hotmail.com>
Date: Sat, 10 Aug 2024 19:39:36 +0200
Subject: [PATCH] Auto focus input element after inserting food

---
 frontend/src/lib/components/Energy/EmptyFoodComp.svelte | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/src/lib/components/Energy/EmptyFoodComp.svelte b/frontend/src/lib/components/Energy/EmptyFoodComp.svelte
index 3d121d4..73b85df 100644
--- a/frontend/src/lib/components/Energy/EmptyFoodComp.svelte
+++ b/frontend/src/lib/components/Energy/EmptyFoodComp.svelte
@@ -19,6 +19,7 @@
 	let per100: string = "";
 	let per100Edited: boolean = false;
 	let per100Element: HTMLTableCellElement;
+	let nameElement: HTMLTableCellElement;
 
 	async function update(event: KeyboardEvent & { currentTarget: EventTarget & HTMLTableCellElement }) {
 		name = name.trim();
@@ -26,7 +27,7 @@
 		description = description.trim();
 		per100 = per100.trim();
 
-		if (!per100Edited && event.currentTarget === per100Element) per100Edited = true;
+		if (!per100Edited && event.currentTarget == per100Element) per100Edited = true;
 
 		if (event.key == "Enter") {
 			event.preventDefault();
@@ -48,6 +49,7 @@
 			}
 
 			foodStore.update((value) => [res.data, ...value]);
+			nameElement.focus();
 		}
 
 		if (!per100Edited)
@@ -75,6 +77,7 @@
 			contenteditable="true"
 			autofocus
 			on:keydown={update}
+			bind:this={nameElement}
 		>
 		</td>
 		<td