diff --git a/projects/angular/src/data/datagrid/built-in/filters/datagrid-string-filter.spec.ts b/projects/angular/src/data/datagrid/built-in/filters/datagrid-string-filter.spec.ts index ce4b4d2325..7aa49584d7 100644 --- a/projects/angular/src/data/datagrid/built-in/filters/datagrid-string-filter.spec.ts +++ b/projects/angular/src/data/datagrid/built-in/filters/datagrid-string-filter.spec.ts @@ -122,6 +122,13 @@ export default function (): void { expect(input.getAttribute('aria-label')).toBe('Filter items'); tick(); })); + + it('has placeholder on the input', fakeAsync(function () { + openFilter(); + const input: HTMLInputElement = document.querySelector("input[type='text']"); + expect(input.getAttribute('placeholder')).toBe('Filter items'); + tick(); + })); }); } diff --git a/projects/angular/src/data/datagrid/built-in/filters/datagrid-string-filter.ts b/projects/angular/src/data/datagrid/built-in/filters/datagrid-string-filter.ts index 52f3048cfc..db80598693 100644 --- a/projects/angular/src/data/datagrid/built-in/filters/datagrid-string-filter.ts +++ b/projects/angular/src/data/datagrid/built-in/filters/datagrid-string-filter.ts @@ -29,6 +29,7 @@ import { DatagridStringFilterImpl } from './datagrid-string-filter-impl'; [(ngModel)]="value" class="clr-input" [attr.aria-label]="commonStrings.keys.filterItems" + [placeholder]="commonStrings.keys.filterItems" /> `,