diff --git a/src/main/components/uml-element/connectable/connectable.tsx b/src/main/components/uml-element/connectable/connectable.tsx
index 780063b67..93ba25ee1 100644
--- a/src/main/components/uml-element/connectable/connectable.tsx
+++ b/src/main/components/uml-element/connectable/connectable.tsx
@@ -230,8 +230,9 @@ export const connectable = (
       if (this.props.connecting) {
         this.props.connect({ element: this.props.id, direction });
       }
-      if (this.props.reconnecting) {
+      if (this.props.reconnecting && !event.defaultPrevented) {
         this.props.reconnect({ element: this.props.id, direction });
+        event.preventDefault();
       }
     };