Merge pull request thingsboard#10173 from Dmitriymush/bug-fix/tb-entity-subtype-list

Added workaround for matChipInputAddOnBlur selection bug in tb-entity-subtype-list input

Author: ikulikov

ui-ngx/src/app/shared/components/entity/entity-subtype-list.component.html

@@ -31,9 +31,9 @@
            style="max-width: 200px;"
            #entitySubtypeInput
            (focusin)="onFocus()"
+           (blur)="addOnBlur($event)"
            formControlName="entitySubtype"
            matAutocompleteOrigin
-           matChipInputAddOnBlur
            #origin="matAutocompleteOrigin"
            [matAutocompleteConnectedTo]="origin"
            [matAutocomplete]="entitySubtypeAutocomplete"

ui-ngx/src/app/shared/components/entity/entity-subtype-list.component.ts

@@ -262,6 +262,15 @@ export class EntitySubTypeListComponent implements ControlValueAccessor, OnInit,
       this.clear('');
     }
   }
+
+  addOnBlur(event: FocusEvent) {
+    if (!event.relatedTarget) {
+      return;
+    }
+    const value = this.entitySubtypeInput.nativeElement.value;
+    this.chipAdd({value} as MatChipInputEvent);
+  }
+
   remove(entitySubtype: string) {
     const index = this.entitySubtypeList.indexOf(entitySubtype);
     if (index >= 0) {