fix(groceries): prevent premature auto-submit on quick-add input

Typing 'sel régénérant' would auto-submit 'sel' because oninput
fired on every keystroke, and trim() collapsed the partial input
to a catalog match. Moved auto-submit to oninput with
insertReplacementText guard (datalist selection) plus onchange
(blur/Enter), so regular typing is never interrupted.

1 files changed, 12 insertions, 0 deletions

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 6611bbc..9900bb3 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -94,6 +94,18 @@
 			}
 		}}
 		oninput={(e) => {
+			if ((e as InputEvent).inputType === 'insertReplacementText') {
+				const val = e.currentTarget.value.trim().toLowerCase();
+				const match = data.catalog.find(
+					(item) => item.name.toLowerCase() === val,
+				);
+				if (match) {
+					name = match.name;
+					handleAdd(false);
+				}
+			}
+		}}
+		onchange={(e) => {
 			const val = e.currentTarget.value.trim().toLowerCase();
 			const match = data.catalog.find(
 				(item) => item.name.toLowerCase() === val,