fix(grid): focus active filter item

Author: CatalinB7

projects/angular/components/ui-grid/src/ui-grid.component.html

@@ -633,6 +633,7 @@
                     [disabled]="column.dropdown?.disabled || disabled"
                     [attr.data-column-name]="getColumnName(column)"
                     [expandedTranslation]="intl.menuExpanded"
+                    (menuOpened)="focusActiveFilterItem()"
                     uiCustomMatMenuTriggerFor
                     mat-button
                     type="button"

projects/angular/components/ui-grid/src/ui-grid.component.ts

@@ -1063,6 +1063,11 @@ export class UiGridComponent<T extends IGridDataEntry> extends ResizableGrid<T>
         this.focusedColumnHeader = false;
     }
 
+    focusActiveFilterItem() {
+        const activeItem: HTMLElement | null = document.querySelector('.cdk-overlay-container .active[role="menuitem"]');
+        activeItem?.focus();
+    }
+
     private _announceGridHeaderActions() {
         this._queuedAnnouncer.enqueue(this.intl.gridHeaderActionsNotice);
     }