From a4b150dfed0032fe06febbf31af4e131ec6d17fd Mon Sep 17 00:00:00 2001
From: "Morten V. Christiansen" <mvoetmann@gmail.com>
Date: Tue, 7 Apr 2026 15:02:15 +0200
Subject: [PATCH] Fix dual-map Leaflet sizing

---
 kort7/app.js              | 11 +++++++++++
 kort7/tests/kort7.spec.js |  3 +++
 2 files changed, 14 insertions(+)

diff --git a/kort7/app.js b/kort7/app.js
index 8ae94e9..14af596 100644
--- a/kort7/app.js
+++ b/kort7/app.js
@@ -410,6 +410,12 @@ function tick(now) {
   requestAnimationFrame(tick);
 }
 
+function invalidateAllMaps() {
+  for (const view of views) {
+    view.map.invalidateSize();
+  }
+}
+
 for (const view of views) {
   view.indicatorsEl.addEventListener("click", (event) => {
     const button = event.target.closest(".offmap-indicator");
@@ -450,4 +456,9 @@ resetBtn.addEventListener("click", () => {
 });
 
 resetDemo();
+requestAnimationFrame(() => {
+  invalidateAllMaps();
+  requestAnimationFrame(invalidateAllMaps);
+});
+window.addEventListener("resize", invalidateAllMaps);
 requestAnimationFrame(tick);
diff --git a/kort7/tests/kort7.spec.js b/kort7/tests/kort7.spec.js
index bca0f97..e8ec00b 100644
--- a/kort7/tests/kort7.spec.js
+++ b/kort7/tests/kort7.spec.js
@@ -14,6 +14,9 @@ test.describe('kort7 dual map demo', () => {
     await waitForMaps(page);
     await expect(page.locator('#status')).toContainText('Simuleret tid');
     await expect(page.locator('#runtimeWarning')).toBeHidden();
+    await expect.poll(async () => page.locator('.leaflet-tile').count(), {
+      timeout: 10000
+    }).toBeGreaterThan(0);
   });
 
   test('shows different map titles for approximate and precise views', async ({ page }) => {