From f08e3bb790ae9d18a3dc1f46c90e63384c9ff8e8 Mon Sep 17 00:00:00 2001
From: Peter Meier <peter.meier.1986@gmail.com>
Date: Mon, 18 May 2026 09:45:46 +0200
Subject: [PATCH] windkarte: scroll map into view when URL hash selects an area

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/lib/components/blocks/WindkarteBlock.svelte | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/lib/components/blocks/WindkarteBlock.svelte b/src/lib/components/blocks/WindkarteBlock.svelte
index 99b72bf..d23dfb3 100644
--- a/src/lib/components/blocks/WindkarteBlock.svelte
+++ b/src/lib/components/blocks/WindkarteBlock.svelte
@@ -27,6 +27,7 @@ let areas = $state<WindArea[]>([]);
   let hiddenStatuses = $state<string[]>(["rechtskraeftig"]);
   let hiddenRings = $state<string[]>([]);
   let mapActive = $state(false);
+  let blockEl: HTMLDivElement;
 
   function toggleStatus(status: string) {
     hiddenStatuses = hiddenStatuses.includes(status)
@@ -87,10 +88,14 @@ let areas = $state<WindArea[]>([]);
       // Map renders without CMS metadata — GeoJSON tooltips still work
     }
     mapReady = true;
+    if (initialGebietsNr) {
+      setTimeout(() => blockEl?.scrollIntoView({ behavior: "smooth", block: "start" }), 100);
+    }
   });
 </script>
 
 <div
+  bind:this={blockEl}
   class="wind-map-block {layoutClasses}"
   data-block="WindMap"
   data-block-type="wind_map"