NAS-131323: ddns-updater does not show the IP version value if set to…

… “IPv4 and IPv6” when editing the configuration of the docker

(cherry picked from commit b0eaf28)

src/app/modules/forms/ix-forms/components/ix-combobox/ix-combobox.component.scss

@@ -86,6 +86,8 @@ mat-option.combobox-mat-options {
 }
 
 .mat-mdc-select-arrow {
+  align-items: center;
+  display: flex;
   opacity: 1;
   padding: 13px 2px;
 }

src/app/modules/forms/ix-forms/components/ix-combobox/ix-combobox.component.ts

@@ -104,38 +104,33 @@ export class IxComboboxComponent implements ControlValueAccessor, OnInit {
   filterOptions(filterValue: string): void {
     this.loading = true;
     this.cdr.markForCheck();
+
     this.comboboxProviderHandler?.fetch(filterValue).pipe(
       catchError(() => {
         this.hasErrorInOptions = true;
         return EMPTY;
       }),
       untilDestroyed(this),
     ).subscribe((options: Option[]) => {
-      this.loading = false;
-      this.cdr.markForCheck();
-
       this.options = options;
+
       const selectedOptionFromLabel = this.options.find((option: Option) => option.label === filterValue);
       if (selectedOptionFromLabel) {
         this.selectedOption = selectedOptionFromLabel;
         this.value = selectedOptionFromLabel.value;
         this.onChange(this.value);
-      }
-      if (!this.selectedOption && this.value !== null && this.value !== '') {
-        const setOption = this.options.find((option: Option) => option.value === this.value);
-        if (setOption) {
-          this.selectedOption = { ...setOption };
-          if (this.selectedOption) {
-            this.filterChanged$.next('');
-          }
-        } else {
-          this.selectedOption = { label: this.value as string, value: this.value };
-          if (this.selectedOption.value) {
-            this.filterChanged$.next('');
-          }
+      } else if (this.value !== null) {
+        const selectedOptionFromValue = this.options.find((option: Option) => option.value === this.value);
+        this.selectedOption = selectedOptionFromValue
+          ? { ...selectedOptionFromValue }
+          : { label: this.value as string, value: this.value };
+
+        if (this.selectedOption.value) {
+          this.filterChanged$.next('');
         }
       }
 
+      this.loading = false;
       this.cdr.markForCheck();
     });
   }