Update app.py

app.py

@@ -129,24 +129,26 @@ def render_message(history):
 
 js = """
 function Scrolldown() {
-    let targetNode = document.querySelector('#chatbox-container');
-    
-    if (!targetNode) {
-        console.log("no target")
-        setTimeout(() => {
-            console.log("Retrying")
-        }, 3000);
+    function startObserver() {
+        let targetNode = document.getElementById('chatbox-container');
+        
+        if (!targetNode) {
+            console.log("Chatbox container not found, retrying in 1 second...");
+            setTimeout(startObserver, 1000);  
+            return;
+        }
+
+        console.log("Chatbox container found, starting observer");
+
+        const config = { childList: true, subtree: true };  
+        const callback = (mutationList, observer) => {
+            targetNode.scrollTop = targetNode.scrollHeight;
+        };
+        const observer = new MutationObserver(callback);
+        observer.observe(targetNode, config);
     }
 
-    const config = { childList: true, subtree: true };  
-
-    const callback = (mutationList, observer) => {
-        targetNode.scrollTop = targetNode.scrollHeight;
-    };
-
-    const observer = new MutationObserver(callback);
-
-    observer.observe(targetNode, config);
+    document.addEventListener("DOMContentLoaded", startObserver);
 }
 """
 with gr.Blocks(css=".chatbox {height: 400px; overflow-y: auto; border: 1px solid #262626; padding: 10px; background-color: #171717;}", js=js) as demo: