Merge pull request #9 from RandomSoftwareSL/bugfix/placeholder-not-av…

…ailable placeholder not availabel issues
RandomSoftwareSL · May 16, 2024 · f29c2a2 · f29c2a2
2 parents 3c6ad58 + 5bbbded
commit f29c2a2
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/projects/type-head-input/package.json b/projects/type-head-input/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@randomsoftwareltd/type-head-input",
-  "version": "2.0.7",
+  "version": "2.0.8",
   "peerDependencies": {
     "@angular/common": "^17.2.3",
     "@angular/core": "^17.2.3",

diff --git a/projects/type-head-input/src/lib/type-head-input.component.html b/projects/type-head-input/src/lib/type-head-input.component.html
@@ -28,6 +28,7 @@
   (onHide)="select.resetFilter()"
   [appNumbersOnly]="isNumberInput"
   (onClick)="onClick()"
+  (onBlur)="setEmptyHandler()"
 >
   <!--  item template -->
   <ng-template *ngIf="!itemTemplate" let-option pTemplate="item">

diff --git a/projects/type-head-input/src/lib/type-head-input.component.ts b/projects/type-head-input/src/lib/type-head-input.component.ts
@@ -185,9 +185,10 @@ export class TypeHeadInputComponent {
   }
 
   onFilterEmitter(event: any) {
+    this.setEmptyHandler();
     this.searchValue =
       typeof this.select?.value === "object" &&
-      this.select?.value.hasOwnProperty("value")
+      this.select?.value?.hasOwnProperty("value")
         ? this.select?.value?.value
         : this.select?.value;
     if (this.enableServerSideData) {
@@ -217,4 +218,10 @@ export class TypeHeadInputComponent {
       this.searchValue = "";
     }
   }
+
+  setEmptyHandler = () => {
+    if (this.control.value === "") {
+      this.control.patchValue(null);
+    }
+  };
 }