[ACS-5341] accessibility fix (#8668)

This commit is contained in:
Mykyta Maliarchuk 2023-06-15 10:18:31 +02:00 committed by GitHub
parent c072fa7955
commit eda42a69ef
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -11,6 +11,7 @@
</mat-chip>
<input
placeholder="{{ 'SEARCH.FILTER.ACTIONS.ADD_OPTION' | translate }}"
aria-controls="adf-search-chip-autocomplete"
#optionInput
[formControl]="formCtrl"
[matAutocomplete]="auto"
@ -19,7 +20,7 @@
[attr.aria-label]="'SEARCH.FILTER.ACTIONS.ADD_OPTION' | translate"
(matChipInputTokenEnd)="add($event)">
</mat-chip-list>
<mat-autocomplete #auto="matAutocomplete" (optionSelected)="selected($event)">
<mat-autocomplete #auto="matAutocomplete" (optionSelected)="selected($event)" id="adf-search-chip-autocomplete">
<mat-option [disabled]="option | adfIsIncluded: selectedOptions" *ngFor="let option of filteredOptions$ | async"
[ngClass]="(option | adfIsIncluded: selectedOptions) && 'adf-autocomplete-added-option'">
{{option}}