custom js way to limit input field to two lines

webui.py

@@ -67,11 +67,6 @@ def debounce():
     time.sleep(0.5)
     return
 
-def greet_limit_max_lines(greet):
-    if len(greet.split('\n')) > 2:
-        return gr.Textbox(value='\n'.join(greet.split('\n')[0:2]))
-    return gr.Textbox()
-
 def overlay_image(image_path, toggle_greet, greet):
     image = ImageDraw.Draw(Image.open(image_path), "RGBA")
     HEIGHT, TEXT_PADDING, TEXTBOX_HEIGHT  = 100, 32, 56
@@ -115,7 +110,7 @@ with shared.gradio_root:
             * Beschreibe das Motiv der Weihnachtskarte in einem Prompt (Englisch), wähle ggf. Stil und los!
             * Zur Übersetzung einer Beschreibung ins Englische eignet sich beispielsweise [deepl.com](https://www.deepl.com/translator#de/Schneekugeln) helfen.
             * Kurze persönliche Weihnachtsgrüße (bis 2 Zeilen) lassen sich auf der Vorderseite hinzufügen. 
-              Längere Texte können nach Druck handschriftlich zur Innen- bzw. Rückseite hinzugefügt werden.
+              Längere Texte können nach Druck handschriftlich zur Rückseite hinzugefügt werden.
             * Chat-KIs wie [Bing Chat](https://www.bing.com/search?q=Bing+AI&showconv=1) können bei der Erstellung persönlicher Weihnachtsgrüße helfen, z.B. mit Prompts wie
                 * Erstelle fünf unterschiedliche persönliche Weihnachtsgrüße für meinen Vater Anakin (je ca. 120 Zeichen). Erwähne dabei unseren gemeinsamen Urlaub auf Tatooine.
                 * Erstelle drei unterschiedliche persönliche Weihnachtsgrüße für meinen geschätzten Arbeitskollegen Michael (je ca. 150 Zeichen). Gehe dabei Schritt für Schritt vor.
@@ -158,9 +153,9 @@ with shared.gradio_root:
     promt_example_de.change(fn=translate_promt_example, inputs=[promt_example_de], outputs=[prompt], queue=False)
     toggle_greet.change(fn=toggle_greet_visibility, inputs=[toggle_greet], outputs=[greeting_row], queue=False, show_progress=False)\
                 .then(fn=make_overlay, inputs=[generated_image_path, toggle_greet, greet], outputs=[generated_image_overlayed, greet_active], show_progress=False, queue=False)
+    greet.input(fn=None, inputs=[greet], outputs=[greet], _js="(greet) => { return greet.split('\\n').slice(0,2).join('\\n') }")
     greet.change(fn=debounce, queue=False, show_progress=False)\
          .then(fn=make_overlay, inputs=[generated_image_path, toggle_greet, greet], outputs=[generated_image_overlayed, greet_active], queue=False, show_progress=False)
-    greet.change(fn=greet_limit_max_lines, inputs=[greet], outputs=[greet], queue=False, show_progress=False)         
     greet_active.change(fn=verify_latest_overlay, inputs=[generated_image_path, toggle_greet, greet, greet_active], outputs=[generated_image_overlayed, greet_active], queue=False,  show_progress=False)
     run_button.click(fn=prepare_generate, outputs=[generated_image, generated_image_overlayed, run_button], queue=False)\
               .then(fn=generate, inputs=[prompt, style_selection], outputs=[progress_html, generated_image, generated_image_path], queue=True)\