Update app.py

app.py

@@ -95,6 +95,12 @@ css="""
 }
 """
 
+js="""
+function createGradioPromptEvent() {
+    document.querySelector("#prompt").setAttribute(maxlength,"38")
+}
+"""
+
 if torch.cuda.is_available():
     power_device = "GPU"
 else:
@@ -103,8 +109,7 @@ else:
 def limiter(txt):
     return txt[:38]
 
-with gr.Blocks(theme=gr.themes.Soft(),css=css) as demo:
-    prompt_value = gr.State("")
+with gr.Blocks(theme=gr.themes.Soft(),css=css,js=js) as demo:
     with gr.Column(elem_id="col-container"):
         gr.Markdown(f"""
             # Image Generator
@@ -112,7 +117,7 @@ with gr.Blocks(theme=gr.themes.Soft(),css=css) as demo:
         """)
         with gr.Row():
             prompt = gr.Textbox(
-                value=prompt_value,
+                elem_id="prompt",
                 placeholder="Describe the photo",
                 container=False,
                 rtl=True,
@@ -121,12 +126,6 @@ with gr.Blocks(theme=gr.themes.Soft(),css=css) as demo:
         with gr.Row():
             run_button = gr.Button("Run")
         result = gr.Image(elem_id="image-container", label="Result", show_label=False, type='filepath')
-    prompt_value.change(
-        fn = limiter,
-        inputs = [prompt_value],
-        outputs = [prompt_value],
-        show_progress = "hidden"
-    )
     run_button.click(
         fn = infer,
         inputs = [prompt],