Final Submission

Author: kavyabhand

app.py

@@ -1047,9 +1047,8 @@ def build_app() -> gr.Blocks:
             js="""
             () => {
               setTimeout(() => {
-                const card = document.querySelector('.soul-card-image');
-                const target = card || document.querySelector('.tome-summon-stage .entity-card');
-                if (target) target.scrollIntoView({ behavior: 'smooth', block: 'center' });
+                const stage = document.querySelector('.tome-summon-stage');
+                if (stage) stage.scrollTo({ top: 0, behavior: 'smooth' });
               }, 350);
             }
             """,
@@ -1073,9 +1072,8 @@ def build_app() -> gr.Blocks:
             js="""
             () => {
               setTimeout(() => {
-                const card = document.querySelector('.soul-card-image');
-                const target = card || document.querySelector('.tome-summon-stage .entity-card');
-                if (target) target.scrollIntoView({ behavior: 'smooth', block: 'center' });
+                const stage = document.querySelector('.tome-summon-stage');
+                if (stage) stage.scrollTo({ top: 0, behavior: 'smooth' });
               }, 350);
             }
             """,

ui/styles.css

@@ -6052,6 +6052,16 @@ body.aether-realm-entered #realm-opening-host {
 .tome-summon-stage {
     overflow-y: auto !important;
     align-items: stretch !important;
+    -webkit-overflow-scrolling: touch;
+    overscroll-behavior: contain;
+    scroll-padding-top: 0.75rem;
+}
+
+.tome-spread-row > .column.tome-page-right.tome-printed-page.tome-summon-stage,
+.tome-spread-row > .gr-column.tome-page-right.tome-printed-page.tome-summon-stage {
+    overflow-x: hidden !important;
+    overflow-y: auto !important;
+    -webkit-overflow-scrolling: touch;
 }
 
 .tome-summon-stage > .block:has(.entity-result-slot),