From 61521453bb9c0855da0d6d0c8ea78788eb06fbfd Mon Sep 17 00:00:00 2001
From: ciregenz <ciregenz@berkeley.edu>
Date: Tue, 18 Aug 2026 19:04:38 -0700
Subject: [PATCH] [eric] apps: template unclamps vertical scroll; body
 overflow:hidden was written for the splash and clipped every taller app
 (ENG-349)

---
 backend/apps/outputs/webapp_template/frontend/index.html    | 5 +++--
 .../outputs/webapp_template/frontend/src/pages/index.tsx    | 6 +++---
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/backend/apps/outputs/webapp_template/frontend/index.html b/backend/apps/outputs/webapp_template/frontend/index.html
index a689161a..6faf93a3 100644
--- a/backend/apps/outputs/webapp_template/frontend/index.html
+++ b/backend/apps/outputs/webapp_template/frontend/index.html
@@ -20,12 +20,13 @@
     same as the React PixelBlast component referenced in the design.
   -->
   <style>
-    html, body, #root { height: 100%; margin: 0; }
+    /* min-height (not height) + no body overflow clamp: apps taller than the card must scroll, the splash clips itself (ENG-349). */
+    html, body { min-height: 100%; margin: 0; }
+    #root { min-height: 100vh; }
     body {
       background: #1a1a1a;
       color: #f5f5f5;
       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
-      overflow: hidden;
     }
     .openswarm-splash {
       position: fixed;
diff --git a/backend/apps/outputs/webapp_template/frontend/src/pages/index.tsx b/backend/apps/outputs/webapp_template/frontend/src/pages/index.tsx
index 83a989bc..dd43daae 100644
--- a/backend/apps/outputs/webapp_template/frontend/src/pages/index.tsx
+++ b/backend/apps/outputs/webapp_template/frontend/src/pages/index.tsx
@@ -18,10 +18,10 @@ const Home: React.FC = () => {
   return (
     <Box
       sx={{
-        position: 'fixed',
-        inset: 0,
-        bgcolor: '#1a1a1a',
+        position: 'relative',
+        minHeight: '100vh',
         overflow: 'hidden',
+        bgcolor: '#1a1a1a',
       }}
     >
       <PixelBlast