Update app.py

app.py

@@ -360,16 +360,20 @@ with gr.Blocks(css=css) as demo:
                   }
                   document.getElementById(\"pl\").setAttribute(\"points\", pts); 
                   this.onpointermove = function(event) {
-                    var x = event.clientX - event.target.getBoundingClientRect().x;
-                    var y = event.clientY - event.target.getBoundingClientRect().y;
-                    var pl_a = document.getElementById(\"pl\").getAttribute(\"points\").split(\" \");
-                    pl_a[x] = x+\",\"+y;
-                    document.getElementById(\"pl\").setAttribute(\"points\", pl_a.join(\" \"));
+                    if (this.style.borderBottom == \"1px dotted white\") {
+                      var x = event.clientX - event.target.getBoundingClientRect().x;
+                      var y = event.clientY - event.target.getBoundingClientRect().y;
+                      var pl_a = document.getElementById(\"pl\").getAttribute(\"points\").split(\" \");
+                      pl_a[x] = x+\",\"+y;
+                      document.getElementById(\"pl\").setAttribute(\"points\", pl_a.join(\" \"));
+                    }
                   }
                   this.onpointerup = function(event) {
-                    document.getElementsByTagName(\"input[type=text]\")[1].value = document.getElementById(\"pl\").getAttribute(\"points\");
+                    document.getElementsByTagName(\"textarea\")[1].value = document.getElementById(\"pl\").getAttribute(\"points\").replace(/\d+,/g, \"\");
+                    this.style.borderBottom = \"1px dotted black\";
                   }
                 }
+                this.style.borderBottom = \"1px dotted white\";
               }catch(e){alert(e);}
               '>
                 <defs>