dave/calorie-counter
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 16 Wiki Activity

Auto focus input element after inserting food

Browse Source
This commit is contained in:
PhatPhuckDave
2024-08-10 19:39:36 +02:00
parent 376201373e
commit d290cae3f7
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/lib/components/Energy/EmptyFoodComp.svelte
View File

@@ -19,6 +19,7 @@
let per100: string = ""; let per100: string = "";
let per100Edited: boolean = false; let per100Edited: boolean = false;
let per100Element: HTMLTableCellElement; let per100Element: HTMLTableCellElement;
let nameElement: HTMLTableCellElement;
async function update(event: KeyboardEvent & { currentTarget: EventTarget & HTMLTableCellElement }) { async function update(event: KeyboardEvent & { currentTarget: EventTarget & HTMLTableCellElement }) {
name = name.trim(); name = name.trim();
@@ -26,7 +27,7 @@
description = description.trim(); description = description.trim();
per100 = per100.trim(); per100 = per100.trim();
if (!per100Edited && event.currentTarget === per100Element) per100Edited = true; if (!per100Edited && event.currentTarget == per100Element) per100Edited = true;
if (event.key == "Enter") { if (event.key == "Enter") {
event.preventDefault(); event.preventDefault();
@@ -48,6 +49,7 @@
} }
foodStore.update((value) => [res.data, ...value]); foodStore.update((value) => [res.data, ...value]);
nameElement.focus();
} }
if (!per100Edited) if (!per100Edited)
@@ -75,6 +77,7 @@
contenteditable="true" contenteditable="true"
autofocus autofocus
on:keydown={update} on:keydown={update}
bind:this={nameElement}
> >
</td> </td>
<td <td