Update app.py

app.py

@@ -127,20 +127,9 @@ def render_message(history):
     </div>
 
     <script>
-    let chatboxContainer = document.getElementById('chatbox-container');
-    let isScrolledToBottom = chatboxContainer.scrollTop + chatboxContainer.clientHeight === chatboxContainer.scrollHeight;
-
-    window.onload = function() {
-        if (isScrolledToBottom) {
-            chatboxContainer.scrollTop = chatboxContainer.scrollHeight;
-        }
-    };
-
-    window.onchange = function() {
-        if (isScrolledToBottom) {
-            chatboxContainer.scrollTop = chatboxContainer.scrollHeight;
-        }
-    };
+    // Ensure the chatbox scrolls to the bottom after each update
+    var chatboxContainer = document.getElementById('chatbox-container');
+    chatboxContainer.scrollTop = chatboxContainer.scrollHeight;
     </script>
     """
 
@@ -185,20 +174,11 @@ with gr.Blocks(css=".chatbox {height: 400px; overflow-y: auto; border: 1px solid
         last_message_state = gr.State("")  
 
         def user_interaction(message, history, api_key, max_tokens, top_p, temperature):
-
            history, assistant_reply = respond(message, api_key, max_tokens, top_p, temperature)
 
            full_history_html = render_message(history)
 
-           scroll_script = """
-           <script>
-           window.onload = function() {
-            const container = document.getElementById('chatbox-container');
-            container.scrollTop = container.scrollHeight; // Scroll to the bottom
-            };
-            </script>"""
-
-           return full_history_html + scroll_script, history, "", message
+           return full_history_html, history, "", message