Fix: dropdown menu works perfectly now

wren-ui/src/components/diagram/index.tsx

@@ -109,19 +109,28 @@ const ReactFlowDiagram = forwardRef(function ReactFlowDiagram(
     setForceRender(!forceRender);
   };
 
+  const triggerMouseDown = (event: React.MouseEvent | MouseEvent) => {
+    const mouseDownEvent = new MouseEvent('mousedown', {
+      bubbles: true,
+      cancelable: true,
+      clientX: event.clientX,
+      clientY: event.clientY,
+      button: 0,
+    });
+    document.dispatchEvent(mouseDownEvent);
+  };
+
+  const isTargetInDropdown = (target: EventTarget | null) => {
+    const dropdowns = document.querySelectorAll('.ant-dropdown');
+    return Array.from(dropdowns).some((dropdown) =>
+      dropdown.contains(target as Node),
+    );
+  };
+
   const dispatchMouseEvent = (event: React.MouseEvent | MouseEvent) => {
-    if (event.isTrusted) {
-      const mouseDownEvent = new MouseEvent('mousedown', {
-        bubbles: true,
-        cancelable: true,
-        clientX: event.clientX,
-        clientY: event.clientY,
-        button: 0,
-      });
-      document.dispatchEvent(mouseDownEvent);
-    }
+    if (!event.isTrusted || isTargetInDropdown(event.target)) return;
+    triggerMouseDown(event);
   };
-
 
   return (
     <>
@@ -137,7 +146,6 @@ const ReactFlowDiagram = forwardRef(function ReactFlowDiagram(
           nodeTypes={nodeTypes}
           edgeTypes={edgeTypes}
           maxZoom={1}
-          onPaneClick={(event) => dispatchMouseEvent(event)}
           onPointerDown={(event) => dispatchMouseEvent(event)}
           proOptions={{ hideAttribution: true }}
         >