fix: remove the drag drop event listeners before adding it again

Author: devvaannsh

src/LiveDevelopment/BrowserScripts/RemoteFunctions.js

@@ -2148,13 +2148,26 @@ function RemoteFunctions(config = {}) {
                     svgElement = svgElement.parentElement;
                 }
                 if (svgElement && svgElement.tagName.toLowerCase() === 'svg') {
-                    svgElement.addEventListener("mousedown", (event) => { onDragMouseDown(event, svgElement); });
+                    if (svgElement._dragMouseDownHandler) {
+                        svgElement.removeEventListener("mousedown", svgElement._dragMouseDownHandler);
+                    }
+                    svgElement._dragMouseDownHandler = (event) => { onDragMouseDown(event, svgElement); };
+                    svgElement.addEventListener("mousedown", svgElement._dragMouseDownHandler);
                 }
 
             } else { // for normal elements
+                if (this.element._dragStartHandler) {
+                    this.element.removeEventListener("dragstart", this.element._dragStartHandler);
+                }
+                if (this.element._dragEndHandler) {
+                    this.element.removeEventListener("dragend", this.element._dragEndHandler);
+                }
+
                 this.element.setAttribute("draggable", "true");
-                this.element.addEventListener("dragstart", (event) => { onDragStart(event, this.element); });
-                this.element.addEventListener("dragend", (event) => { onDragEnd(event, this.element); });
+                this.element._dragStartHandler = (event) => { onDragStart(event, this.element); };
+                this.element._dragEndHandler = (event) => { onDragEnd(event, this.element); };
+                this.element.addEventListener("dragstart", this.element._dragStartHandler);
+                this.element.addEventListener("dragend", this.element._dragEndHandler);
             }
         },