From 556c3a6c0d3501c20a68cef5e75e6395f0e89152 Mon Sep 17 00:00:00 2001
From: Christian Memije <christianmemije@gmail.com>
Date: Wed, 27 May 2020 13:19:20 -0700
Subject: [PATCH] fix(app-switcher): scroll on expansion

---
 .../app-switcher-menu/app-switcher-menu.component.html   | 6 +++++-
 .../app-switcher-menu/app-switcher-menu.component.ts     | 9 ++++++++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/lib/app-switcher/app-switcher-menu/app-switcher-menu.component.html b/src/lib/app-switcher/app-switcher-menu/app-switcher-menu.component.html
index 588ff32..7e3b4d1 100644
--- a/src/lib/app-switcher/app-switcher-menu/app-switcher-menu.component.html
+++ b/src/lib/app-switcher/app-switcher-menu/app-switcher-menu.component.html
@@ -23,7 +23,11 @@
     </ng-container>
   </mat-action-list>
   <mat-divider class="push-top-sm"></mat-divider>
-  <mat-expansion-panel *ngIf="otherProducts?.length; else explorerMore" class="other-products">
+  <mat-expansion-panel
+    *ngIf="otherProducts?.length; else explorerMore"
+    class="other-products"
+    (afterExpand)="handleExpand()"
+  >
     <mat-expansion-panel-header
       collapsedHeight="48px"
       expandedHeight="48px"
diff --git a/src/lib/app-switcher/app-switcher-menu/app-switcher-menu.component.ts b/src/lib/app-switcher/app-switcher-menu/app-switcher-menu.component.ts
index cb7c4d8..dcc98ba 100644
--- a/src/lib/app-switcher/app-switcher-menu/app-switcher-menu.component.ts
+++ b/src/lib/app-switcher/app-switcher-menu/app-switcher-menu.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Input, ElementRef } from '@angular/core';
 
 import { IVantageAppSwitcherItem } from '../services/products.service';
 
@@ -13,8 +13,15 @@ export class VantageAppSwitcherMenuComponent {
   @Input() otherProducts: IVantageAppSwitcherItem[];
   @Input() exploreMoreLink: string;
 
+  constructor(private elRef: ElementRef) {}
+
   _blockEvent(event: Event): void {
     event.preventDefault();
     event.stopPropagation();
   }
+
+  handleExpand(): void {
+    const elem: HTMLElement = this.elRef.nativeElement.querySelector('.td-menu-content');
+    elem.scrollTop = elem.scrollHeight;
+  }
 }