Update pages/type_text.py

pages/type_text.py

@@ -22,6 +22,56 @@ def make_spinner(text = "In progress..."):
     with st.spinner(text):
         yield
 
+def scroll_past_status_bar():
+    st.markdown("""
+    <script>
+        // This function finds the correct elements in Streamlit's DOM structure
+        function scrollPastStatusBar() {
+            try {
+                // Get the document of the parent (Streamlit app)
+                const doc = window.parent.document;
+                
+                // Find all the major containers
+                const appFrame = doc.querySelector('.stApp');
+                const mainSection = appFrame.querySelector('section.main');
+                const blockContainer = mainSection.querySelector('.block-container');
+                const stStatusWidget = doc.querySelector('.stStatusWidget');
+                
+                if (blockContainer && stStatusWidget) {
+                    // Get the height of the status widget
+                    const statusHeight = stStatusWidget.offsetHeight;
+                    
+                    // Calculate the position to scroll to
+                    // This will scroll to just above the status bar
+                    const scrollPosition = blockContainer.scrollHeight - window.innerHeight + statusHeight + 20;
+                    
+                    // Perform the scroll on the appropriate container
+                    if (mainSection.scrollTo) {
+                        mainSection.scrollTo({
+                            top: scrollPosition,
+                            behavior: 'smooth'
+                        });
+                    }
+                    
+                    // Also try scrolling the window as a fallback
+                    window.parent.scrollTo({
+                        top: document.body.scrollHeight,
+                        behavior: 'smooth'
+                    });
+                }
+            } catch (e) {
+                console.error("Scroll error:", e);
+            }
+        }
+        
+        // Set multiple attempts with delays
+        setTimeout(scrollPastStatusBar, 100);
+        setTimeout(scrollPastStatusBar, 300);
+        setTimeout(scrollPastStatusBar, 600);
+    </script>
+    """, unsafe_allow_html=True)
+
+
 #@st.cache
 def convert_df(df:pd.DataFrame):
      return df.to_csv(index=False).encode('utf-8')
@@ -176,13 +226,10 @@ if INTdesc_input is not None and st.button("Map to SBS codes", key="run_st_model
         dfALL = pd.concat([dfALL, pd.DataFrame([dictA])], ignore_index=True)
  
     st.dataframe(data=dfALL, hide_index=True)
-    with bottom_anchor:
-        st.markdown("""
-        <div id="bottom"></div>
-        <script>
-            window.location.href = "#bottom";
-        </script>
-        """, unsafe_allow_html=True)
+    # Add extra space at the bottom to ensure results aren't hidden by status bar
+    st.markdown("<div style='height: 70px;'></div>", unsafe_allow_html=True)    
+    # Call the scroll function
+    scroll_past_status_bar()
 
     display_format = "ask REASONING MODEL: Which, if any, of the following SBS descriptions corresponds best to " + INTdesc_input +"? " 
     #st.write(display_format)
@@ -206,13 +253,10 @@ if INTdesc_input is not None and st.button("Map to SBS codes", key="run_st_model
         max_new_tokens=256,
     )
     st.write(outputs[0]["generated_text"][-1]["content"]) 
-    with bottom_anchor:
-        st.markdown("""
-        <div id="bottom"></div>
-        <script>
-            window.location.href = "#bottom";
-        </script>
-        """, unsafe_allow_html=True)
+    # Add extra space at the bottom to ensure results aren't hidden by status bar
+    st.markdown("<div style='height: 70px;'></div>", unsafe_allow_html=True)
+    # Call the scroll function
+    scroll_past_status_bar()
     
     bs, b1, b2, b3, bLast = st.columns([0.75, 1.5, 1.5, 1.5, 0.75])
     with b1: