From 2b73dc63accaf535b1923087110bd4c65b5be865 Mon Sep 17 00:00:00 2001
From: Piotr Oleszczyk <piotr@oleszczyk.eu>
Date: Fri, 27 Feb 2026 16:05:24 +0100
Subject: [PATCH] fix: scroll form error into view on product create failure

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/routes/products/new/+page.svelte | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/routes/products/new/+page.svelte b/frontend/src/routes/products/new/+page.svelte
index 6ae1e5a..9dbfcfd 100644
--- a/frontend/src/routes/products/new/+page.svelte
+++ b/frontend/src/routes/products/new/+page.svelte
@@ -5,6 +5,14 @@
 	import ProductForm from '$lib/components/ProductForm.svelte';
 
 	let { form }: { form: ActionData } = $props();
+
+	let errorEl: HTMLDivElement | undefined = $state();
+
+	$effect(() => {
+		if (form?.error && errorEl) {
+			errorEl.scrollIntoView({ behavior: 'smooth', block: 'center' });
+		}
+	});
 </script>
 
 <svelte:head><title>New Product — innercontext</title></svelte:head>
@@ -16,7 +24,7 @@
 	</div>
 
 	{#if form?.error}
-		<div class="rounded-md bg-destructive/10 px-4 py-3 text-sm text-destructive">
+		<div bind:this={errorEl} class="rounded-md bg-destructive/10 px-4 py-3 text-sm text-destructive">
 			{form.error}
 		</div>
 	{/if}