fix(suggest): repair placeholder rendering

show defaultValue in matChips placeholder if any on empty

Author: anbalase

projects/angular/components/ui-suggest/src/_ui-suggest.theme.scss

@@ -60,6 +60,15 @@
         }
     }
 
+    mat-form-field.mat-form-field-hide-placeholder #{$componentName} {
+        .mat-chip-list {
+            .mat-input-element::placeholder {
+                color: currentColor !important;
+                -webkit-text-fill-color: currentColor !important;
+            }
+        }
+    }
+
     #{$componentName}:not(.form-control) {
         .display {
             &:focus {

projects/angular/components/ui-suggest/src/ui-suggest.component.html

@@ -127,7 +127,7 @@
             <input *ngIf="searchable"
                    [uiAutofocus]="isOpen"
                    [refocus]="isOpen"
-                   [placeholder]="(this.isFormControl && !empty) ? null : placeholder"
+                   [placeholder]="(isFormControl && !empty) ? null : defaultValue"
                    [formControl]="inputControl"
                    [matChipInputFor]="chipList"
                    [attr.maxlength]="maxLength"
@@ -171,7 +171,7 @@
 
             <mat-form-field *ngIf="searchable && !multiple"
                             floatLabel="never">
-                <input [placeholder]="(this.isFormControl && !empty) ? null : placeholder"
+                <input [placeholder]="isFormControl ? null : placeholder"
                        [formControl]="inputControl"
                        [uiAutofocus]="isOpen &&
                                   searchable"