From e7298608c27788238f5e3558a97806db4c68e2ba Mon Sep 17 00:00:00 2001
From: Igor Ribeiro <igor-ribeiro@users.noreply.github.com>
Date: Sat, 4 Feb 2017 19:21:18 -0200
Subject: [PATCH] pause snackbar timeout on hover (#434)

#321
---
 src/components/mdSnackbar/mdSnackbar.vue | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/components/mdSnackbar/mdSnackbar.vue b/src/components/mdSnackbar/mdSnackbar.vue
index d4e2db4..a16d48f 100644
--- a/src/components/mdSnackbar/mdSnackbar.vue
+++ b/src/components/mdSnackbar/mdSnackbar.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="md-snackbar" :class="[themeClass, classes]" :id="snackbarId">
+  <div class="md-snackbar" :class="[themeClass, classes]" :id="snackbarId" @mouseenter="pauseTimeout" @mouseleave="resumeTimeout">
     <div class="md-snackbar-container" ref="container">
       <div class="md-snackbar-content">
         <slot></slot>
@@ -89,6 +89,7 @@
         this.active = true;
         this.$emit('open');
         this.closeTimeout = window.setTimeout(this.close, this.mdDuration);
+        this.timeoutStartedAt = Date.now();
       },
       close() {
         if (this.$refs.container) {
@@ -103,13 +104,25 @@
           this.$refs.container.removeEventListener(transitionEndEventName, removeElement);
           this.$refs.container.addEventListener(transitionEndEventName, removeElement);
           window.clearTimeout(this.closeTimeout);
+          this.pendingDuration = this.mdDuration;
         }
+      },
+      pauseTimeout() {
+        this.pendingDuration = this.pendingDuration - (Date.now() - this.timeoutStartedAt);
+        this.timeoutStartedAt = 0;
+        window.clearTimeout(this.closeTimeout);
+      },
+      resumeTimeout() {
+        this.timeoutStartedAt = Date.now();
+        this.closeTimeout = window.setTimeout(this.close, this.pendingDuration);
       }
     },
     mounted() {
       this.$nextTick(() => {
         this.snackbarElement = this.$el;
         this.snackbarElement.parentNode.removeChild(this.snackbarElement);
+        this.timeoutStartedAt = 0;
+        this.pendingDuration = this.mdDuration;
       });
     },
     beforeDestroy() {