feat: stop the snackbar from hiding when hovered (#15)

egoist · Jun 22, 2019 · 2e9d645 · 2e9d645
1 parent b3a3e83
commit 2e9d645
Showing 1 changed file with 20 additions and 7 deletions.
diff --git a/src/index.ts b/src/index.ts
@@ -136,13 +136,16 @@ export class Snackbar {
       }
     }
 
-    // Add timeout
-    if (this.options.timeout) {
-      this.timeoutId = self.setTimeout(
-        () => this.destroy(),
-        this.options.timeout
-      )
-    }
+    this.startTimer()
+
+    // Stop timer when mouseenter
+    // Restart timer when mouseleave
+    el.addEventListener('mouseenter', () => {
+      this.stopTimer()
+    })
+    el.addEventListener('mouseleave', () => {
+      this.startTimer()
+    })
 
     this.el = el
 
@@ -170,9 +173,19 @@ export class Snackbar {
     this.el = undefined
   }
 
+  startTimer() {
+    if (this.options.timeout && !this.timeoutId) {
+      this.timeoutId = self.setTimeout(
+        () => this.destroy(),
+        this.options.timeout
+      )
+    }
+  }
+
   stopTimer() {
     if (this.timeoutId) {
       clearTimeout(this.timeoutId)
+      this.timeoutId = undefined
     }
   }
 }