From a527e7a535b31cd7a5a5cf2c4db114c9309ae374 Mon Sep 17 00:00:00 2001
From: Justin Visser <justinfvisser@gmail.com>
Date: Fri, 20 Feb 2026 12:42:18 +0100
Subject: [PATCH] quick fix for mobile scrolling

---
 frontend/src/app/AppShell.vue | 12 +++++-------
 frontend/src/styles.css       |  2 +-
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/frontend/src/app/AppShell.vue b/frontend/src/app/AppShell.vue
index 7d02d21..bb16e0f 100644
--- a/frontend/src/app/AppShell.vue
+++ b/frontend/src/app/AppShell.vue
@@ -36,7 +36,7 @@ watch(showChrome, (value) => {
 </script>
 
 <template>
-  <div class="h-[100dvh] max-h-[100dvh] w-full max-w-full overflow-hidden">
+  <div class="min-h-[100dvh] w-full max-w-full overflow-visible lg:h-[100dvh] lg:max-h-[100dvh] lg:overflow-hidden">
     <a href="#app-main" class="skip-link">Skip to main content</a>
     <RequestErrorPanel />
 
@@ -46,9 +46,7 @@ watch(showChrome, (value) => {
         :menu-open="isMobileNavOpen"
         @toggle-menu="toggleMobileNav"
       />
-      <div
-        class="relative h-[calc(100dvh-4.5rem)] min-h-0 lg:grid lg:grid-cols-[17rem_minmax(0,1fr)] lg:grid-rows-1"
-      >
+      <div class="relative min-h-0 lg:grid lg:h-[calc(100dvh-4.5rem)] lg:grid-cols-[17rem_minmax(0,1fr)] lg:grid-rows-1">
         <button
           v-if="isMobileNavOpen"
           type="button"
@@ -68,8 +66,8 @@ watch(showChrome, (value) => {
         </div>
         <main
           id="app-main"
-          class="min-h-0 min-w-0 overflow-x-hidden px-4 py-6 sm:px-6 lg:col-start-2 lg:px-8"
-          :class="shouldLockMainScroll ? 'overflow-y-auto lg:overflow-y-hidden' : 'overflow-y-auto'"
+          class="min-h-0 min-w-0 overflow-x-hidden overflow-y-visible px-4 py-6 sm:px-6 lg:col-start-2 lg:overflow-y-auto lg:px-8"
+          :class="shouldLockMainScroll ? 'lg:overflow-y-hidden' : ''"
         >
           <RouterView />
         </main>
@@ -79,7 +77,7 @@ watch(showChrome, (value) => {
     <main
       id="app-main"
       v-else
-      class="h-[100dvh] max-h-[100dvh] min-h-0 min-w-0 overflow-y-auto overflow-x-hidden"
+      class="min-h-[100dvh] min-w-0 overflow-x-hidden overflow-y-visible lg:h-[100dvh] lg:max-h-[100dvh] lg:overflow-y-auto"
     >
       <RouterView />
     </main>
diff --git a/frontend/src/styles.css b/frontend/src/styles.css
index 8a65fdc..2a4fa25 100644
--- a/frontend/src/styles.css
+++ b/frontend/src/styles.css
@@ -137,7 +137,7 @@
   }
 
   body {
-    @apply overflow-hidden bg-surface-app text-ink-primary antialiased transition-colors duration-300;
+    @apply overflow-x-hidden overflow-y-auto bg-surface-app text-ink-primary antialiased transition-colors duration-300 lg:overflow-hidden;
   }
 
   h1,
-- 
2.49.1