fix: Dropwodn field filtering

Author: Lissy93

src/app/components/domain-things/domain-filters/domain-filters.component.html

@@ -14,13 +14,13 @@
       <p-multiSelect
         id="field-filters"
         [options]="fieldOptions"
-        [(ngModel)]="selectedFields"
+        [(ngModel)]="selectedFieldsList"
         (onChange)="onSelectionChange()"
         optionLabel="label"
         selectedItemsLabel="{0} fields shown"
         [style]="{minWidth: '200px'}"
         placeholder="Choose visible fields"
-      ></p-multiSelect>
+      />
     </div>
     <!-- Sort Select Dropdown -->
     <div class="flex flex-col gap-1" *ngIf="selectedLayout">

src/app/components/domain-things/domain-filters/domain-filters.component.ts

@@ -50,6 +50,7 @@ export class FieldVisibilityFilterComponent implements OnInit {
   @Output() $triggerReload = new EventEmitter();
 
   selectedFields: FieldOption[] = [];
+  selectedFieldsList: string[] = [];
   sortOrder: FieldOption = this.sortOptions[0];
   selectedLayout: boolean = true;
   quickAddDialogOpen: boolean = false;
@@ -95,13 +96,17 @@ export class FieldVisibilityFilterComponent implements OnInit {
     this.selectedFields = this.fieldOptions.filter(option => 
       this.defaultSelectedFields.includes(option.value)
     );
+    this.selectedFieldsList = this.selectedFields.map(field => field.value);
     this.onSelectionChange();
   }
 
   onSelectionChange() {
     if (this.selectedFields.length === 0) {
       this.initializeSelectedFields();
     }
+    this.selectedFields = this.fieldOptions.filter(option => 
+      this.selectedFieldsList.includes(option.value)
+    );
     this.visibilityChange.emit(this.selectedFields);
   }