Restore missing appendTo="body" attributes in modal dialog mtx-select components

Co-authored-by: renemadsen <76994+renemadsen@users.noreply.github.com>

Author: Copilot

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

@@ -9,7 +9,8 @@ <h3 mat-dialog-title>{{'New dropdown' | translate}}</h3>
       [bindLabel]="'name'"
       [items]="availableSecurityGroups"
       id="securityGroupsCustomDropdownSelector"
-      [multiple]="true">
+      [multiple]="true"
+      appendTo="body">
     </mtx-select>
   </mat-form-field>
 

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

@@ -11,6 +11,7 @@ <h3 mat-dialog-title>{{ 'New custom link' | translate }}</h3>
         [items]="availableSecurityGroups"
         id="securityGroupsCustomDropdownSelector"
         [multiple]="true"
+        appendTo="body"
       ></mtx-select>
     </mat-form-field>
     <div class="d-flex flex-row align-items-center need-wrapper">

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

@@ -10,7 +10,8 @@ <h3 mat-dialog-title>{{'Edit menu entry' | translate}}</h3>
         [bindLabel]="'name'"
         [items]="availableSecurityGroups"
         id="editSecurityGroupsSelector"
-        [multiple]="true"      >
+        [multiple]="true"
+        appendTo="body">
       </mtx-select>
     </mat-form-field>
     <mat-form-field>

eform-client/src/app/modules/eforms/components/eform-create-modal/eform-create-modal.component.html

@@ -12,7 +12,8 @@ <h3 mat-dialog-title>{{ 'Create eForm' | translate }}</h3>
         [bindLabel]="'name'"
         [items]="availableTags"
         id="createEFormMultiSelector"
-        [multiple]="true">
+        [multiple]="true"
+        appendTo="body">
       </mtx-select>
     </mat-form-field>
   </div>

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

@@ -17,6 +17,7 @@ <h3 mat-dialog-title>{{ (isFieldSelected ? 'Edit field' : 'New field') | transla
               [clearable]="false"
               [bindLabel]="'name'"
               [bindValue]="'id'"
+              appendTo="body"
               [ngModel]="recursionModel.field.fieldType"
               (ngModelChange)="updateFieldType($event)"
               id="fieldTypeSelector"

eform-client/src/app/modules/email-recipients/components/recipients/email-recipient-edit/email-recipient-edit.component.html

@@ -11,7 +11,8 @@ <h3 mat-dialog-title>{{'Edit email recipient' | translate}}</h3>
         [bindLabel]="'name'"
         [items]="availableTags"
         id="editEmailRecipientsMultiSelector"
-        [multiple]="true">
+        [multiple]="true"
+        appendTo="body">
       </mtx-select>
     </mat-form-field>
     <mat-form-field>

eform-client/src/app/modules/email-recipients/components/recipients/email-recipient-new/email-recipients-new.component.html

@@ -11,7 +11,8 @@ <h3 mat-dialog-title>{{'New Email recipients' | translate}}</h3>
         [bindLabel]="'name'"
         [items]="availableTags"
         id="createEmailRecipientsMultiSelector"
-        [multiple]="true">
+        [multiple]="true"
+        appendTo="body">
       </mtx-select>
     </mat-form-field>
     <mat-form-field>