From 4afc5976895112a51c5c3aa34e57e3d798e8b96b Mon Sep 17 00:00:00 2001
From: hsiegeln <37154749+hsiegeln@users.noreply.github.com>
Date: Wed, 22 Apr 2026 09:09:45 +0200
Subject: [PATCH] fix(nav): Header-Back-Pfeil als echtes history.back()
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Der Zurück-Pfeil im Header war fest auf "/" verdrahtet und navigierte
forward, nicht backward. Damit ging die Scroll-Position der Origin-Seite
verloren und z. B. Wunschliste -> Rezept -> Zurück landete auf der
Startseite statt zurück auf der Wunschliste.

Jetzt: history.back() (mit goto('/') als Fallback bei leerer History).
SvelteKits eingebaute Scroll-Restoration greift dadurch wieder, und der
Pfeil tut was er optisch verspricht.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/routes/+layout.svelte | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 565ebe2..51ff701 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -89,6 +89,14 @@
     navStore.reset();
   }
 
+  function goBack() {
+    if (typeof history !== 'undefined' && history.length > 1) {
+      history.back();
+    } else {
+      void goto('/');
+    }
+  }
+
   afterNavigate(() => {
     navStore.reset();
     navOpen = false;
@@ -132,9 +140,9 @@
         <span class="version" title="Deployment-Tag">{data.version}</span>
       </div>
     {:else}
-      <a href="/" class="home-back" aria-label="Zurück zur Startseite">
+      <button type="button" class="home-back" aria-label="Zurück" onclick={goBack}>
         <ArrowLeft size={22} strokeWidth={2} />
-      </a>
+      </button>
     {/if}
     {#if showHeaderSearch}
       <div class="nav-search-wrap" bind:this={navContainer}>
@@ -375,10 +383,15 @@
     justify-content: center;
     width: 40px;
     height: 40px;
+    border: 0;
     border-radius: var(--pill-radius);
+    background: transparent;
     color: #2b6a3d;
     text-decoration: none;
     flex-shrink: 0;
+    cursor: pointer;
+    font: inherit;
+    padding: 0;
   }
   .home-back:hover {
     background: #f4f8f5;