refactor(multiple): avoid focusing list element in activedescendant mode

Author: tjshiu

src/aria/private/behaviors/list-focus/list-focus.spec.ts

@@ -100,10 +100,10 @@ describe('List Focus', () => {
       expect(focusManager.getActiveDescendant()).toBe(focusManager.inputs.items()[1].id());
     });
 
-    it('should focus the list element when focusing an item', () => {
+    it('should NOT focus the list element when focusing an item', () => {
       const focusSpy = spyOn(focusManager.inputs.element()!, 'focus');
       focusManager.focus(focusManager.inputs.items()[1]);
-      expect(focusSpy).toHaveBeenCalled();
+      expect(focusSpy).not.toHaveBeenCalled();
     });
   });
 

src/aria/private/behaviors/list-focus/list-focus.ts

@@ -105,8 +105,6 @@ export class ListFocus<T extends ListFocusItem> {
     if (opts?.focusElement || opts?.focusElement === undefined) {
       if (this.inputs.focusMode() === 'roving') {
         item.element()?.focus();
-      } else if (this.inputs.focusMode() === 'activedescendant') {
-        this.inputs.element()?.focus();
       }
     }
 

src/components-examples/aria/simple-combobox/simple-combobox-grid/simple-combobox-grid-example.html

@@ -14,14 +14,14 @@
         <div ngGridRow class="example-grid-row" [attr.aria-selected]="item === selectedItem()">
           <div ngGridCell [id]="item.label + '-label'" [rowIndex]="i" [colIndex]="0"
             class="example-cell-label example-cell">
-            <button ngGridCellWidget class="example-label-button no-active-outline" (click)="selectItem(item)">
+            <button ngGridCellWidget class="example-label-button example-no-active-outline" (click)="selectItem(item)">
               {{item.label}}
             </button>
             <mat-icon class="example-selected-icon">check</mat-icon>
           </div>
           <div ngGridCell [id]="item.label + '-delete'" [rowIndex]="i" [colIndex]="1"
             class="example-cell-button example-cell ">
-            <button ngGridCellWidget class="example-button no-active-outline" (click)="removeItem(item)"
+            <button ngGridCellWidget class="example-button example-no-active-outline" (click)="removeItem(item)"
               (pointerdown)="$event.preventDefault()">
               <mat-icon>close</mat-icon>
             </button>