abp tree dropdown overlap bug fix

npm/ng-packs/packages/components/tree/src/lib/components/tree.component.html

@@ -12,7 +12,7 @@
   (nzCheckboxChange)="onCheckboxChange($event)"
   (nzOnDrop)="onDrop($event)"
   [nzNoAnimation]="noAnimation"
-  (nzContextMenu)="dropdowns[$event.node?.key]?.toggle()"
+  (nzContextMenu)="onContextMenuChange($event)"
 />
 <ng-template #treeTemplate let-node>
   <div

npm/ng-packs/packages/components/tree/src/lib/components/tree.component.ts

@@ -132,6 +132,17 @@ export class TreeComponent implements OnInit {
     this.dropdowns[key] = dropdown;
   }
 
+  onContextMenuChange(event: NzFormatEmitEvent) {
+    const dropdownKey = event.node?.key;
+
+    Object.entries(this.dropdowns).forEach(([key, dropdown]) => {
+      if (key !== dropdownKey && dropdown?.isOpen()) {
+        dropdown.close();
+      }
+    });
+    this.dropdowns[dropdownKey]?.toggle();
+  }
+
   setSelectedNode(node: any) {
     const newSelectedNode = this.findNode(node, this.nodes);
     this.selectedNode = { ...newSelectedNode };