a

app.py

@@ -63,7 +63,7 @@ a {text-decoration-line: underline; font-weight: 600;}
     font-size: 16px;
 }
 #chatbot-component {
-    height: 300px;
+    height: 700px;
     overflow-y: scroll;
 }
 """
@@ -101,7 +101,7 @@ with gr.Blocks(css="style.css") as demo:
                 </p>
             </div>""")
         #gr.Markdown("""<h1><center>dummy</h1></center> """)
-        chatbot = gr.Chatbot()
+        chatbot = gr.Chatbot(elem_id = 'chatbot-component')
         state_in = gr.State()
         with gr.Row():
             text_in = gr.Textbox(value='', Placeholder="Enter your instructions here", elem_id = "input_prompt")
@@ -123,6 +123,15 @@ with gr.Blocks(css="style.css") as demo:
     text_in.submit(chat,[btn_upload, image_in, in_steps, in_guidance_scale, in_img_guidance_scale, image_hid, img_name_temp_out,counter_out, image_oneup,  text_in, state_in], [chatbot, state_in, image_hid, img_name_temp_out, counter_out])
     text_in.submit(previous, [image_hid], [image_oneup])
     #gr.Markdown(help_text)
+
+    #javascript testing
+    #btn.click(sentence_maker, [subject, verb, object], output1, _js="(s, v, o) => {
+    #let newElement = document.createElement('div');
+    #newElement.innerHTML = o + ' ' + v + ' ' + s;
+    #document.getElementById('chatbot-component').appendChild(newElement);
+    #newElement.scrollIntoView();
+    #}")
+
     
 #demo.queue(concurrency_count=10)
 demo.launch(debug=True, width="80%", height=2000)