From a424d242eab1c0896ebe18d41d497a79de3704bd Mon Sep 17 00:00:00 2001
From: Dan Mirescu <dan-mirescu@users.noreply.github.com>
Date: Tue, 5 Sep 2023 12:33:11 +0300
Subject: [PATCH] fix(suggest): reduce height when no results found

---
 .../ui-suggest/src/ui-suggest.component.html        |  2 +-
 .../ui-suggest/src/ui-suggest.component.ts          | 13 +++++++------
 .../ui-suggest/src/ui-suggest.mat-form-field.ts     |  4 ++++
 3 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/projects/angular/components/ui-suggest/src/ui-suggest.component.html b/projects/angular/components/ui-suggest/src/ui-suggest.component.html
index 489cbdc90..6d5026754 100644
--- a/projects/angular/components/ui-suggest/src/ui-suggest.component.html
+++ b/projects/angular/components/ui-suggest/src/ui-suggest.component.html
@@ -301,7 +301,7 @@
             </ng-container>
 
             <mat-list-item *ngIf="loading$ | async"
-                           [style.height.px]="itemSize">
+                           [style.height.px]="baseSize">
                 <mat-progress-spinner color="primary"
                                       mode="indeterminate"
                                       diameter="20"
diff --git a/projects/angular/components/ui-suggest/src/ui-suggest.component.ts b/projects/angular/components/ui-suggest/src/ui-suggest.component.ts
index 59da2c1fc..4d6a2ce36 100644
--- a/projects/angular/components/ui-suggest/src/ui-suggest.component.ts
+++ b/projects/angular/components/ui-suggest/src/ui-suggest.component.ts
@@ -439,13 +439,14 @@ export class UiSuggestComponent extends UiSuggestMatFormFieldDirective
             return this._height$.value;
         }
 
-        const actualCount = Math.max(
-            this.renderItems.filter(Boolean).length + (this.enableCustomValue ?
-                (Number(this.isCustomValueVisible)) : (this.headerItems!.length)),
-            1,
-        );
-        const displayedCount = Math.min(this.displayCount, actualCount);
+        const actualCount = this.renderItems.filter(Boolean).length + (this.enableCustomValue ?
+            (Number(this.isCustomValueVisible)) : (this.headerItems!.length));
+
+        if (actualCount === 0) {
+            return this.baseSize + Number(!!this.headerItems!.length);
+        }
 
+        const displayedCount = Math.min(this.displayCount, Math.max(actualCount, 1));
         return this.itemSize * displayedCount + Number(!!this.headerItems!.length);
     }
 
diff --git a/projects/angular/components/ui-suggest/src/ui-suggest.mat-form-field.ts b/projects/angular/components/ui-suggest/src/ui-suggest.mat-form-field.ts
index 7e26a0baf..8021f7281 100644
--- a/projects/angular/components/ui-suggest/src/ui-suggest.mat-form-field.ts
+++ b/projects/angular/components/ui-suggest/src/ui-suggest.mat-form-field.ts
@@ -131,6 +131,10 @@ export abstract class UiSuggestMatFormFieldDirective implements
     get itemSize() {
         if (this.customItemSize) { return this.customItemSize; }
 
+        return this.baseSize;
+    }
+
+    get baseSize() {
         return this.isFormControl ? 32 : 40;
     }