Merge pull request #7260 from IgniteUI/nrobakova/fix-issue-7258

set tabIndex for filter cell chips

Author: zdrawku

projects/igniteui-angular/src/lib/grids/filtering/base/grid-filtering-cell.component.html

@@ -1,6 +1,6 @@
 <ng-template #emptyFilter>
     <igx-chips-area [attr.draggable]="false" class="igx-filtering-chips">
-        <igx-chip #ghostChip [attr.draggable]="false" (click)="onChipClicked()" [displayDensity]="'cosy'">
+        <igx-chip #ghostChip [attr.draggable]="false" (click)="onChipClicked()" [displayDensity]="'cosy'" tabIndex="-1">
             <igx-icon [attr.draggable]="false" igxPrefix>filter_list</igx-icon>
             <span [attr.draggable]="false">{{filteringService.grid.resourceStrings.igx_grid_filter}}</span>
         </igx-chip>
@@ -12,6 +12,7 @@
         <ng-container *ngFor="let item of expressionsList; let last = last; let index = index;" >
             <igx-chip *ngIf="isChipVisible(index)"
                 [removable]="true"
+                tabIndex="-1"
                 [displayDensity]="'cosy'"
                 (click)="onChipClicked(item.expression)"
                 (onRemove)="onChipRemoved($event, item)">
@@ -33,7 +34,7 @@
 </ng-template>
 
 <ng-template #complexFilter>
-    <igx-chip #complexChip [removable]="true" [displayDensity]="'cosy'" (onRemove)="clearFiltering()">
+    <igx-chip #complexChip [removable]="true" [displayDensity]="'cosy'" (onRemove)="clearFiltering()" tabIndex="-1">
         <igx-icon igxPrefix>filter_list</igx-icon>
         <span>{{filteringService.grid.resourceStrings.igx_grid_complex_filter}}</span>
     </igx-chip>