From ef3588b847283dedad918e03c0dccd76fa2b6c35 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 11 Nov 2025 18:32:45 +0000
Subject: [PATCH 1/2] Initial plan


From c97025bbac9d6959a0c645ba02f57178bd400600 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 11 Nov 2025 18:37:34 +0000
Subject: [PATCH 2/2] Fix nested drag and drop by connecting all drop lists
 mutually

Co-authored-by: renemadsen <76994+renemadsen@users.noreply.github.com>
---
 .../navigation-menu-page.component.html                     | 6 +++---
 .../navigation-menu-page/navigation-menu-page.component.ts  | 4 ++++
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/eform-client/src/app/modules/advanced/modules/navigation-menu/components/navigation-menu-page/navigation-menu-page.component.html b/eform-client/src/app/modules/advanced/modules/navigation-menu/components/navigation-menu-page/navigation-menu-page.component.html
index 54d698ef76..eae5987399 100644
--- a/eform-client/src/app/modules/advanced/modules/navigation-menu/components/navigation-menu-page/navigation-menu-page.component.html
+++ b/eform-client/src/app/modules/advanced/modules/navigation-menu/components/navigation-menu-page/navigation-menu-page.component.html
@@ -33,7 +33,7 @@
         class="dragula-template"
         cdkDropList
         [cdkDropListData]="menuTemplate.items"
-        [cdkDropListConnectedTo]="['actualMenuList'].concat(connectedDropdownIds)"
+        [cdkDropListConnectedTo]="allConnectedDropListIds"
         id="mainMenu"
       >
         <app-navigation-menu-template-item
@@ -61,7 +61,7 @@
       cdkDropList
       id="actualMenuList"
       [cdkDropListData]="navigationMenuModel.actualMenu"
-      [cdkDropListConnectedTo]="['mainMenu']"
+      [cdkDropListConnectedTo]="allConnectedDropListIds"
       (cdkDropListDropped)="dropMenuItem($event)"
       class="dragula-item">
       <mat-expansion-panel *ngFor="
@@ -100,7 +100,7 @@
           cdkDropList
           [id]="getDropdownId(firstLevelIndex)"
           [cdkDropListData]="menuItem.children"
-          [cdkDropListConnectedTo]="['mainMenu']"
+          [cdkDropListConnectedTo]="allConnectedDropListIds"
           (cdkDropListDropped)="dropMenuItemChild($event, firstLevelIndex)"
           *ngIf="menuItem.type === menuItemTypes.Dropdown"
           style="min-height: 50px;"
diff --git a/eform-client/src/app/modules/advanced/modules/navigation-menu/components/navigation-menu-page/navigation-menu-page.component.ts b/eform-client/src/app/modules/advanced/modules/navigation-menu/components/navigation-menu-page/navigation-menu-page.component.ts
index e31a7da5d6..08cd4e3010 100644
--- a/eform-client/src/app/modules/advanced/modules/navigation-menu/components/navigation-menu-page/navigation-menu-page.component.ts
+++ b/eform-client/src/app/modules/advanced/modules/navigation-menu/components/navigation-menu-page/navigation-menu-page.component.ts
@@ -73,6 +73,10 @@ export class NavigationMenuPageComponent implements OnInit, OnDestroy {
       .filter(id => id !== null) as string[];
   }
 
+  get allConnectedDropListIds(): string[] {
+    return ['mainMenu', 'actualMenuList', ...this.connectedDropdownIds];
+  }
+
   constructor() {
   }