feat(VSnackbar): keep snackbar open while mouseover (#12599)

resolves #12494
vuetifyjs · Nov 16, 2020 · 8808d98 · 8808d98
1 parent e1720a8
commit 8808d98
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/packages/docs/src/pages/en/components/snackbars.md b/packages/docs/src/pages/en/components/snackbars.md
@@ -1,7 +1,7 @@
 ---
 meta:
   title: Snackbar component
-  description: The snackbar component informs user of a process that your application has performed is will perform. It can be temporary and often contains actions.
+  description: The snackbar component informs user of a process that your application has performed is will perform. It can be temporary and often contains actions. Timer will stop when user hovers over the snackbar.
   keywords: snackbars, vuetify snackbar component, vue snackbar component
 related:
   - /components/buttons/

diff --git a/packages/vuetify/src/components/VSnackbar/VSnackbar.ts b/packages/vuetify/src/components/VSnackbar/VSnackbar.ts
@@ -171,6 +171,10 @@ export default mixins(
           name: 'show',
           value: this.isActive,
         }],
+        on: {
+          mouseenter: () => window.clearTimeout(this.activeTimeout),
+          mouseleave: this.setTimeout,
+        },
       })
 
       return this.$createElement('div', data, [