From bfa2b4a80974e7ed78fdf60f1c7195f921ecfa8f Mon Sep 17 00:00:00 2001
From: kn <kristiannoergaard@gmail.com>
Date: Wed, 21 Oct 2026 09:54:32 +0200
Subject: [PATCH] (Svelte) Stack several top-level page modules in the Svelte
 client

Upstream made every top-level module of a page as high as the page, so on
a page with several contents only the first was usable and the rest could
not be scrolled to.
A page with one top-level module (a grid) still fills the page; several
now stack at their natural height and the page scrolls.
---
 Client/svelte/src/routes/+page.svelte | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/Client/svelte/src/routes/+page.svelte b/Client/svelte/src/routes/+page.svelte
index a80b766d..41fa6a71 100644
--- a/Client/svelte/src/routes/+page.svelte
+++ b/Client/svelte/src/routes/+page.svelte
@@ -411,9 +411,15 @@
 		<main class="flex-1 min-w-0 min-h-0 relative">
 			{#each pages as page (page.name)}
 				{#if poll.v >= 0 && app.pageIsActive(page)}
-					<div class="absolute inset-2">
-						{#each page.modules || [] as mod (mod.uuid)}
-							<ModuleFactory module={mod} {app} />
+					<!-- A lone top-level module (typically a grid) fills the page; several are
+					     stacked at their natural height and the page scrolls (issue #28). -->
+					{@const modules = page.modules || []}
+					{@const fillsPage = modules.length === 1}
+					<div class="absolute inset-2 overflow-auto flex flex-col gap-2">
+						{#each modules as mod (mod.uuid)}
+							<div class={fillsPage ? 'flex-1 min-h-0' : 'shrink-0'}>
+								<ModuleFactory module={mod} {app} />
+							</div>
 						{/each}
 					</div>
 				{/if}