Fixed endless scroll with parent component

interface.py

@@ -42,25 +42,18 @@ def clear_chat():
 
 
 with gr.Blocks(css="""
-    body, .gradio-container {
-        overflow: hidden !important;
+    #component-0 {
+        height: calc(100vh - 200px) !important;
     }
     #chatbot-container {
-        height: calc(100vh - 200px) !important;
+        height: 100% !important;
         min-height: 600px;
-        overflow-y: auto !important;
     }
     #input-row {
         position: sticky;
         bottom: 0;
         background: white;
         padding: 10px 0;
-        z-index: 10;
-    }
-    #input-row textarea {
-        max-height: 120px !important;
-        overflow-y: auto !important;
-        resize: none !important;
     }
     .contain {
         max-width: 100% !important;
@@ -100,12 +93,9 @@ with gr.Blocks(css="""
     with gr.Row(elem_id="input-row"):
         with gr.Column(scale=9):
             msg_input = gr.Textbox(
-                placeholder="Type your message here... (Press Enter to send, Shift+Enter for new line)",
+                placeholder="Type your message here...",
                 show_label=False,
-                container=False,
-                lines=1,
-                max_lines=5,
-                autofocus=True
+                container=False
             )
         with gr.Column(scale=1, min_width=100):
             send_button = gr.Button("Send", variant="primary")