From ad031dc3f383608d325e66eae180d101ce61ec96 Mon Sep 17 00:00:00 2001
From: Aaron Louie <aaron@sartography.com>
Date: Thu, 17 Oct 2019 13:39:53 -0400
Subject: [PATCH] Keeps menu open if user is hovering over it

---
 src/app/app.component.html | 2 ++
 src/app/app.component.ts   | 7 ++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 195ce46..507266d 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -8,6 +8,8 @@
     fxLayoutGap="20px"
     fxLayoutAlign="center end"
     [ngClass]="{'scrolling': isScrolling}"
+    (mouseover)="keepMenuOpen()"
+    (mouseout)="isScrolling = false"
  >
     <button mat-fab (click)="toggleMenu()" class="toggle-menu" color="primary">
       <mat-icon *ngIf="!isScrolling">menu</mat-icon>
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 1f62b76..33e44ff 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -71,7 +71,7 @@ export class AppComponent implements AfterViewInit {
       clearTimeout(this.scrollTimer);
     }
 
-    this.scrollTimer = setTimeout(() => {
+    this.scrollTimer = window.setTimeout(() => {
       this.showIndicator = true;
       this.isScrolling = false;
       this.scrollTimer = -1;
@@ -83,4 +83,9 @@ export class AppComponent implements AfterViewInit {
     this.isScrolling = !this.isScrolling;
   }
 
+  keepMenuOpen() {
+    this.isScrolling = true;
+    clearTimeout(this.scrollTimer);
+  }
+
 }