fix(list/tree): option doesn't receive focus if has focused elements in (#UIM-772) (#706)

Author: lskramarov

packages/mosaic/list/list-selection.component.spec.ts

@@ -58,7 +58,7 @@ describe('McListSelection without forms', () => {
 
             expect(listItem.classList).not.toContain('mc-focused');
 
-            dispatchFakeEvent(listItem, 'focus');
+            dispatchFakeEvent(listItem, 'focusin');
             flush();
             fixture.detectChanges();
             expect(listItem.className).toContain('mc-focused');
@@ -466,7 +466,7 @@ describe('McListSelection without forms', () => {
         }));
 
         it('should be focused when focus on nativeElements', fakeAsync(() => {
-            dispatchFakeEvent(listOption.nativeElement, 'focus');
+            dispatchFakeEvent(listOption.nativeElement, 'focusin');
             flush();
             fixture.detectChanges();
 

packages/mosaic/list/list-selection.component.ts

@@ -74,7 +74,7 @@ export interface McOptionEvent {
         '[attr.tabindex]': 'tabIndex',
         '[attr.disabled]': 'disabled || null',
 
-        '(focus)': 'focus()',
+        '(focusin)': 'focus()',
         '(blur)': 'blur()',
         '(click)': 'handleClick($event)'
     },

packages/mosaic/tree/tree-option.component.ts

@@ -51,7 +51,7 @@ let uniqueIdCounter: number = 0;
         '[class.mc-selected]': 'selected',
         '[class.mc-focused]': 'hasFocus',
 
-        '(focus)': 'focus()',
+        '(focusin)': 'focus()',
         '(blur)': 'blur()',
 
         '(click)': 'selectViaInteraction($event)'