Merge pull request #13591 from IgniteUI/dmdimitrov/fix-esf-conditional-filter-dropdown

fix(esf): conditional filter drop down items focus - 16.1.x

Author: kdinev

projects/igniteui-angular/src/lib/grids/filtering/excel-style/excel-style-conditional-filter.component.html

@@ -5,7 +5,9 @@
         (click)="onTextFilterClick($event)"
         [igxDropDownItemNavigation]="subMenu"
         role="menuitem"
-        aria-haspopup="true">
+        aria-haspopup="true"
+        [attr.aria-controls]="this.subMenu.listId"
+        [attr.aria-activedescendant]="!this.subMenu.collapsed ? this.subMenu.focusedItem?.id : null">
         <span>{{ subMenuText }}</span>
         <igx-icon>keyboard_arrow_right</igx-icon>
     </div>
@@ -15,8 +17,7 @@
         [maxHeight]="'397px'"
         [displayDensity]="esf.displayDensity"
         (selectionChanging)="onSubMenuSelection($event)"
-        (closed)="onSubMenuClosed()"
-        [allowItemsFocus]="true">
+        (closed)="onSubMenuClosed()">
         <div>
             <igx-drop-down-item
             *ngFor="let condition of conditions"

projects/igniteui-angular/src/lib/grids/filtering/excel-style/excel-style-conditional-filter.component.ts

@@ -78,6 +78,8 @@ export class IgxExcelStyleConditionalFilterComponent implements OnDestroy {
     public onTextFilterKeyDown(eventArgs: KeyboardEvent) {
         if (eventArgs.key === this.platform.KEYMAP.ENTER) {
             this.onTextFilterClick(eventArgs);
+        } else if (eventArgs.key === this.platform.KEYMAP.TAB) {
+            this.subMenu.close();
         }
     }