Update pages/type_text.py

pages/type_text.py

@@ -41,8 +41,13 @@ def scrollToBottom():
     // - A div directly containing your dynamic content
     // Once you've found the correct container div, 
     // note its class names (e.g., class="some-streamlit-class another-class") or its ID (e.g., id="some-id").
+    // If you found a class name like st-emotion-cache-abcxyz, 
+    // you'd change the line to: const scrollableContainer = document.querySelector('.st-emotion-cache-abcxyz');
+    // If you found multiple class names, you might use one that seems most specific, or combine them if necessary (e.g., .class1.class2).
+    // If you found an ID like my-streamlit-container, 
+    // you'd change the line to: const scrollableContainer = document.getElementById('my-streamlit-container'); (and use getElementById instead of querySelector)
     // *** REPLACE THE SELECTOR BELOW with the correct one you found by inspecting your app's HTML ***
-    const scrollableContainer = document.querySelector("flex flex-1 flex-col"); // <--- REPLACE THIS SELECTOR
+    const scrollableContainer = document.querySelector('.flex flex-1 flex-col'); // <--- REPLACE THIS SELECTOR
     #const scrollableContainer = document.getElementById('your-container-id')); // <--- REPLACE THIS SELECTOR
 
     if (scrollableContainer) {