Fix appendTo syntax to use property binding per mtx-select documentation

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

Author: Copilot

eform-client/src/app/modules/advanced/components/sites/site-edit/site-edit.component.html

@@ -20,7 +20,7 @@ <h3 mat-dialog-title>{{ 'Edit' | translate}}</h3>
         [items]="availableTags"
         id="tagSelector"
         [multiple]="true"
-        appendTo="body">
+        [appendTo]="'body'">
       </mtx-select>
     </mat-form-field>
   </div>

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

@@ -10,7 +10,7 @@ <h3 mat-dialog-title>{{'New dropdown' | translate}}</h3>
       [items]="availableSecurityGroups"
       id="securityGroupsCustomDropdownSelector"
       [multiple]="true"
-      appendTo="body">
+      [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,7 +11,7 @@ <h3 mat-dialog-title>{{ 'New custom link' | translate }}</h3>
         [items]="availableSecurityGroups"
         id="securityGroupsCustomDropdownSelector"
         [multiple]="true"
-        appendTo="body"
+        [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

@@ -11,7 +11,7 @@ <h3 mat-dialog-title>{{'Edit menu entry' | translate}}</h3>
         [items]="availableSecurityGroups"
         id="editSecurityGroupsSelector"
         [multiple]="true"
-        appendTo="body">
+        [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

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

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

@@ -11,7 +11,7 @@ <h3 mat-dialog-title>{{ 'Select tags for template' | translate }}</h3>
       [items]="availableTags"
       id="tagSelector"
       [multiple]="true"
-      appendTo="body"
+      [appendTo]="'body'"
     ></mtx-select>
   </mat-form-field>
   <!--<div class="row">

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

@@ -3,7 +3,7 @@
     <mat-form-field>
       <mat-label>{{'Selected entity group search' | translate}}</mat-label>
       <mtx-select
-        appendTo="body"
+        [appendTo]="'body'"
         [dropdownPosition]="'bottom'"
         [clearable]="false"
         [bindLabel]="'name'"

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

@@ -3,7 +3,7 @@
     <mat-form-field>
       <mat-label>{{'Selected entity group select' | translate}}</mat-label>
       <mtx-select
-        appendTo="body"
+        [appendTo]="'body'"
         [dropdownPosition]="'bottom'"
         [clearable]="false"
         [bindLabel]="'name'"

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,7 +17,7 @@ <h3 mat-dialog-title>{{ (isFieldSelected ? 'Edit field' : 'New field') | transla
               [clearable]="false"
               [bindLabel]="'name'"
               [bindValue]="'id'"
-              appendTo="body"
+              [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

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