From 15e6fda5acbf30958c1e0e13ae9e823f01c793c6 Mon Sep 17 00:00:00 2001
From: Graham McIntire <graham@mcintire.me>
Date: Thu, 19 Feb 2026 15:08:16 -0600
Subject: [PATCH] Fix broken scrolling on non-map pages
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Remove overly aggressive CSS overrides that set height: auto and
overflow: auto on html/body. These forced the html element to expand
to full content height, preventing the browser's native viewport
scrolling. The browser handles non-map page scrolling correctly by
default — only map pages need explicit overflow: hidden.
---
 .../components/layouts/app.html.heex          | 25 +------------------
 1 file changed, 1 insertion(+), 24 deletions(-)

diff --git a/lib/aprsme_web/components/layouts/app.html.heex b/lib/aprsme_web/components/layouts/app.html.heex
index bc80ab7..a795411 100644
--- a/lib/aprsme_web/components/layouts/app.html.heex
+++ b/lib/aprsme_web/components/layouts/app.html.heex
@@ -1,29 +1,6 @@
 <% assigns = assign_new(assigns, :map_page, fn -> false end) %>
 <style>
-  /* Default scrolling behavior for all pages */
-  html, body {
-    overflow: auto !important;
-    height: auto !important;
-    min-height: 100vh !important;
-  }
-
-  /* Reset constraints for non-map pages */
-  body:not(:has(#main-content[data-map-page="true"])) main,
-  body:not(:has(#main-content[data-map-page="true"])) .phx-main,
-  body:not(:has(#main-content[data-map-page="true"])) div[data-phx-main="true"] {
-    overflow: visible !important;
-    height: auto !important;
-    max-height: none !important;
-    min-height: 100vh !important;
-  }
-
-  /* Ensure proper scrolling for non-map pages */
-  body:not(:has(#main-content[data-map-page="true"])) {
-    overflow-y: auto !important;
-    height: auto !important;
-  }
-
-  /* Only apply map constraints to map pages */
+  /* Map page constraints */
   body:has(#main-content[data-map-page="true"]) {
     overflow: hidden !important;
     height: 100vh !important;