update

app.py

@@ -148,13 +148,19 @@ with gr.Blocks(title="LLM with TTS",head=head) as demo:
     js = """
     function(chatbot){
     window.update_chatbot(chatbot)
+    var chatElement = document.getElementById('gr-chatbot');
+    console.log(chatElement.scrollHeight)
+    chatElement.scrollTop = chatElement.scrollHeight;
+    var logElement = chatElement.querySelector('div[role="log"]');
+    logElement.scrollTop = chatElement.scrollHeight;
+
     //text = (chatbot[chatbot.length -1])["content"]
     //tts_text = window.replaceSpecialChars(text)
     //console.log(tts_text)
     //window.MatchaTTSEn(tts_text,"/file=models/ljspeech_sim.onnx")
     }
     """
-    chatbot = gr.Chatbot(type="messages")
+    chatbot = gr.Chatbot(type="messages",elem_id="gr-chatbot")
     chatbot.change(None,[chatbot],[],js=js)
     msg = gr.Textbox()
     with gr.Row():