Update app.py

app.py

@@ -122,21 +122,27 @@ def render_message(history):
     messages_html += """
         </div>
     </div>
- <script>
-     function scrollToBottom() {
-        var chatbox = document.getElementById('chatbox-container');
-        var messages = document.getElementById('messages');  // Target the messages div
-        setTimeout(function() {  // Delay to ensure content is fully loaded
-            chatbox.scrollTop = messages.scrollHeight;  // Scroll to the bottom of messages div
-        }, 100);  // Delay adjusted for proper loading
-    }
-    
-    window.onload = function() {
-        scrollToBottom();  
-    };
-    
-    setTimeout(scrollToBottom, 100);
-</script>
+
+    <script>
+        function scrollToBottom() {
+            var chatbox = document.getElementById('chatbox-container');
+            var messages = document.getElementById('messages');
+            chatbox.scrollTop = messages.scrollHeight;  
+        }
+
+        var targetNode = document.getElementById('messages');
+        var observerOptions = { childList: true, subtree: true };
+
+        var observer = new MutationObserver(function(mutationsList, observer) {
+            scrollToBottom();
+        });
+
+        observer.observe(targetNode, observerOptions);
+
+        window.onload = function() {
+            scrollToBottom();
+        };
+    </script>
     """
 
     return messages_html