Auto focus input element after inserting food

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