piotr/innercontext
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: scroll form error into view on product create failure

Browse source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Piotr Oleszczyk 2026-02-27 16:05:24 +01:00
parent c132bc836f
commit 2b73dc63ac
1 changed files with 9 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

10
frontend/src/routes/products/new/+page.svelte
View file

@ -5,6 +5,14 @@
import ProductForm from '$lib/components/ProductForm.svelte'; import ProductForm from '$lib/components/ProductForm.svelte';
let { form }: { form: ActionData } = $props(); let { form }: { form: ActionData } = $props();
let errorEl: HTMLDivElement | undefined = $state();
$effect(() => {
if (form?.error && errorEl) {
errorEl.scrollIntoView({ behavior: 'smooth', block: 'center' });
}
});
</script> </script>
<svelte:head><title>New Product — innercontext</title></svelte:head> <svelte:head><title>New Product — innercontext</title></svelte:head>
@ -16,7 +24,7 @@
</div> </div>
{#if form?.error} {#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} {form.error}
</div> </div>
{/if} {/if}