Remove cdkDragHandle to match working reference implementation

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

Author: Copilot

eform-client/e2e/Page objects/EformVisualEditor.page.ts

@@ -727,8 +727,8 @@ export class ChecklistFieldRowObj {
   }
 
   async changePosition(targetField: ChecklistFieldRowObj) {
-    // For CDK drag-drop: drag from the field element itself to the target field element
-    await this.element.dragAndDrop(targetField.element);
+    // For CDK drag-drop: drag from the move button to the target field element
+    await this.moveFieldBtn.dragAndDrop(targetField.element);
   }
 }
 

eform-client/src/app/modules/advanced/modules/navigation-menu/components/menu-item/navigation-menu-item/navigation-menu-item.component.html

@@ -1,7 +1,6 @@
 <mat-card class="mb-2 mt-2" id="menuItemTemplate">
   <mat-card-header class="py-2 d-flex align-items-center justify-content-start">
     <mat-icon
-      cdkDragHandle
       style="cursor: all-scroll"
       id="drag_handle{{firstLevelIndex}}_{{secondLevelIndex}}"
       class="md-36 dragula-handle align-middle"

eform-client/src/app/modules/advanced/modules/navigation-menu/components/menu-item/navigation-menu-template-item/navigation-menu-template-item.component.html

@@ -1,7 +1,6 @@
 <mat-card class="mb-2 mt-2">
   <mat-card-header class="py-3 d-flex align-items-center justify-content-start">
     <mat-icon
-      cdkDragHandle
       id="dragHandle{{templateIndex}}_{{itemIndex}}"
       class="dragula-handle align-middle"
       style="cursor: all-scroll">

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

@@ -75,7 +75,6 @@
         <mat-expansion-panel-header>
           <mat-panel-title>
             <mat-icon
-              cdkDragHandle
               class="dragula-handle align-middle"
               style="cursor: all-scroll">
               menu

eform-client/src/app/modules/eforms/eform-visual-editor/components/eform-visual-editor-elements/checklist/visual-editor-checklist/visual-editor-checklist.component.html

@@ -5,7 +5,6 @@
       <div class="d-flex justify-content-between align-items-center">
         <div style="display: flex; flex-grow: 2; align-items: center;">
           <mat-icon
-            cdkDragHandle
             class="dragula-handle align-middle"
             style="cursor: pointer"
             id="moveBtn"

eform-client/src/app/modules/eforms/eform-visual-editor/components/eform-visual-editor-elements/field/visual-editor-field/visual-editor-field.component.html

@@ -11,19 +11,9 @@
     >
       <div style="display: flex; flex-grow: 6; align-items: center;">
         <mat-icon
-          *ngIf="!fieldIsNested"
           class="dragula-handle align-middle"
           style="cursor: pointer"
-          id="moveFieldBtn"
-        >
-          menu
-        </mat-icon>
-        <mat-icon
-          *ngIf="fieldIsNested"
-          cdkDragHandle
-          class="dragula-handle align-middle"
-          style="cursor: pointer"
-          id="moveNestedFieldBtn"
+          [id]="fieldIsNested ? 'moveNestedFieldBtn' : 'moveFieldBtn'"
         >
           menu
         </mat-icon>