Merge pull request #7282 from microting/copilot/fix-expression-changed-error

Fix ExpressionChangedAfterItHasBeenCheckedError in navigation menu drag-drop

Author: renemadsen

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

@@ -104,13 +104,17 @@ 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);
+        // Use setTimeout to defer the update to avoid ExpressionChangedAfterItHasBeenCheckedError
+        // This ensures the update happens after the current change detection cycle
+        setTimeout(() => {
+          // Clear and re-register all drop lists when the list changes
+          this.dragDropService.dropLists = [];
+          this.dropLists?.forEach(dropList => {
+            this.dragDropService.register(dropList);
+          });
         });
       });
     }