Subscribe to drop list changes to register dynamically created dropdowns

Co-authored-by: renemadsen <[email protected]>

Author: Copilot

eform-client/src/app/modules/advanced/modules/navigation-menu/components/navigation-menu-page/navigation-menu-page.component.ts

@@ -104,6 +104,15 @@ export class NavigationMenuPageComponent implements OnInit, OnDestroy, AfterView
       this.dropLists.forEach(dropList => {
         this.dragDropService.register(dropList);
       });
+      
+      // Subscribe to changes in drop lists (for dynamically added dropdowns)
+      this.dropLists.changes.subscribe(() => {
+        // Clear and re-register all drop lists when the list changes
+        this.dragDropService.dropLists = [];
+        this.dropLists?.forEach(dropList => {
+          this.dragDropService.register(dropList);
+        });
+      });
     }
   }