🐛 Ripple: apply ripple on component update

posva · May 15, 2017 · 5834212 · 5834212
1 parent d6d448a
commit 5834212
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/src/ripple.js b/src/ripple.js
@@ -36,6 +36,18 @@ export default {
     el.mdcRipple_.init()
   },
 
+  inserted (el, binding, { componentInstance }) {
+    // TODO add test case
+    // I have been unable to reproduce the bug outside
+    // of vue-mdc docs, so it may have to deal with SSR
+    if (componentInstance) {
+      componentInstance.$on('hook:updated', () => {
+        el.mdcRipple_.destroy()
+        binding.def.bind(el, binding)
+      })
+    }
+  },
+
   componentUpdated (el, binding, vnode, oldVnode) {
     // Always recreate for functional components
     if (vnode.functionalContext) {