fix(select): clear placeholder on value select #432 (#433)

Author: mart-sessman

tedi/components/form/select/select.component.html

@@ -61,7 +61,7 @@
           type="text"
           class="tedi-select__search-input"
           [class.tedi-select__search-input--hidden]="showSingleSelectedValue()"
-          [placeholder]="placeholder()"
+          [placeholder]="showSingleSelectedValue() ? '' : placeholder()"
           [value]="searchTerm()"
           [disabled]="disabled()"
           (input)="onSearchInput($event)"

tedi/components/form/select/select.component.spec.ts

@@ -548,6 +548,20 @@ describe("SelectComponent", () => {
       expect(select.searchTerm()).toBe("");
     }));
 
+    it("should not show placeholder on search input after a value is selected", fakeAsync(() => {
+      getTrigger().click();
+      fixture.detectChanges();
+      tick();
+
+      const options = getOptions();
+      options[0].click();
+      fixture.detectChanges();
+      tick();
+
+      const input = getSearchInput();
+      expect(input.getAttribute("placeholder")).toBe("");
+    }));
+
     it("should open dropdown when typing", fakeAsync(() => {
       const input = getSearchInput();
       input.value = "O";