Fixed bug for variable declaration with ES6 syntax

PygmySlowLoris · Jul 12, 2017 · c9af23e · c9af23e
1 parent 43d84db
commit c9af23e
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 9 deletions.
diff --git a/dist/build.js b/dist/build.js
diff --git a/dist/build.js.map b/dist/build.js.map
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-ripple-directive",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "Vue Material Ripple Effect Directive",
   "main": "src/ripple.js",
   "repository": {

diff --git a/src/ripple.js b/src/ripple.js
@@ -2,7 +2,7 @@ export default {
     bind: function(el, binding){
 
         // Default values.
-        const props = {
+        var props = {
             event: 'mousedown',
             transition: 600
         };
@@ -16,6 +16,7 @@ export default {
         var bg = binding.value || 'rgba(0, 0, 0, 0.35)';
 
         function rippler(event, el) {
+            console.log(event);
             var target = el;
 
             // Get necessary variables
@@ -78,15 +79,17 @@ export default {
                 ripple.style.marginTop    = dy - radius + "px";
             }, 0);
 
-            if(event.type == 'mousedown') {
+            if(event.type === 'mousedown') {
                 el.addEventListener('mouseup', function (event) {
                     setTimeout(function() {
                         ripple.style.backgroundColor = "rgba(0, 0, 0, 0)";
                     }, 250);
 
                     setTimeout(function() {
-                        ripple.remove();
-                        rippleContainer.remove();
+                        // ripple.remove();
+                        // rippleContainer.remove();
+                        ripple.parentNode.removeChild(ripple);
+                        rippleContainer.parentNode.removeChild(rippleContainer);
                     }, 750);
                 })
             } else {
@@ -95,8 +98,10 @@ export default {
                 }, 250);
 
                 setTimeout(function() {
-                    ripple.remove();
-                    rippleContainer.remove();
+                    ripple.parentNode.removeChild(ripple);
+                    rippleContainer.parentNode.removeChild(rippleContainer);
+                    // ripple.remove();
+                    // rippleContainer.remove();
                 }, 650);
             }
         }