fix(IgxGrid): remove tabIndex from the footer element #6747

Author: ddincheva

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

@@ -227,7 +227,7 @@
     <div class="igx-grid__scroll-end" [style.float]='"right"' [style.width.px]='pinnedWidth' [style.min-width.px]='pinnedWidth' [hidden]="pinnedWidth === 0 || isPinningToStart"></div>
 </div>
 
-<div class="igx-grid__footer" tabindex="0" #footer>
+<div class="igx-grid__footer" #footer>
     <ng-content select="igx-grid-footer"></ng-content>
     <ng-container *ngIf="paging && totalRecords">
         <ng-container

projects/igniteui-angular/src/lib/grids/hierarchical-grid/hierarchical-grid.component.html

@@ -158,7 +158,7 @@
     <div class="igx-grid__scroll-end" [style.float]='"right"' [style.width.px]='pinnedWidth' [style.min-width.px]='pinnedWidth' [hidden]="pinnedWidth === 0 || isPinningToStart"></div>
 </div>
 
-<div class="igx-grid__footer" tabindex="0" #footer>
+<div class="igx-grid__footer" #footer>
     <ng-content select="igx-grid-footer"></ng-content>
     <ng-container *ngIf="paging && totalRecords">
         <ng-container

projects/igniteui-angular/src/lib/grids/tree-grid/tree-grid.component.html

@@ -133,7 +133,7 @@
     <div class="igx-grid__scroll-end" [style.float]='"right"' [style.width.px]='pinnedWidth' [style.min-width.px]='pinnedWidth' [hidden]="pinnedWidth === 0 || isPinningToStart"></div>
 </div>
 
-<div class="igx-grid__footer" tabindex="0" #footer>
+<div class="igx-grid__footer" #footer>
     <ng-content select="igx-grid-footer"></ng-content>
     <ng-container *ngIf="paging && totalRecords">
         <ng-container