|
1 | | -<igx-input-group #inputGroup class="input-group" [disabled]="disabled" (click)="toggle()" [type]="type" [displayDensity]="displayDensity"> |
| 1 | +<igx-input-group #inputGroup class="input-group" (click)="toggle()" [type]="type" [displayDensity]="displayDensity"> |
2 | 2 | <ng-container ngProjectAs="[igxLabel]"> |
3 | 3 | <ng-content select="[igxLabel]"></ng-content> |
4 | 4 | </ng-container> |
5 | 5 | <ng-container ngProjectAs="igx-prefix"> |
6 | 6 | <ng-content select="igx-prefix,[igxPrefix]"></ng-content> |
7 | 7 | </ng-container> |
8 | | - <input #input class="input" type="text" igxInput [igxSelectItemNavigation]="this" |
9 | | - readonly="true" |
10 | | - [attr.placeholder]="this.placeholder" |
11 | | - [value]="this.selectionValue" |
12 | | - role="combobox" |
13 | | - aria-haspopup="listbox" |
14 | | - [attr.aria-labelledby]="this.label ? this.label.id : ''" |
15 | | - [attr.aria-expanded]="!this.collapsed" |
16 | | - [attr.aria-owns]="this.listId" |
17 | | - [attr.aria-activedescendant]="!this.collapsed ? this.focusedItem?.id : null" |
18 | | - (blur)="onBlur()" |
19 | | - (focus)="onFocus()" |
20 | | - /> |
21 | | - <ng-container ngProjectAs="igx-suffix"> |
22 | | - <ng-content select="igx-suffix,[igxSuffix]"></ng-content> |
23 | | - </ng-container> |
24 | | - <igx-suffix> |
| 8 | + <input #input class="input" type="text" igxInput [igxSelectItemNavigation]="this" |
| 9 | + [disabled]="disabled" |
| 10 | + readonly="true" |
| 11 | + [attr.placeholder]="this.placeholder" |
| 12 | + [value]="this.selectionValue" |
| 13 | + role="combobox" |
| 14 | + aria-haspopup="listbox" |
| 15 | + [attr.aria-labelledby]="this.label ? this.label.id : ''" |
| 16 | + [attr.aria-expanded]="!this.collapsed" |
| 17 | + [attr.aria-owns]="this.listId" |
| 18 | + [attr.aria-activedescendant]="!this.collapsed ? this.focusedItem?.id : null" |
| 19 | + (blur)="onBlur()" |
| 20 | + (focus)="onFocus()" |
| 21 | + /> |
| 22 | + <ng-container ngProjectAs="igx-suffix"> |
| 23 | + <ng-content select="igx-suffix,[igxSuffix]"></ng-content> |
| 24 | + </ng-container> |
| 25 | + <igx-suffix> |
25 | 26 | <ng-container *ngIf="toggleIconTemplate"> |
26 | 27 | <ng-container *ngTemplateOutlet="toggleIconTemplate; context: {$implicit: this.collapsed}"></ng-container> |
27 | 28 | </ng-container> |
|
0 commit comments