Stop rendering when effect is destroyed

This fixes issue sirxemic#37
Stray-Birds123 · Jul 14, 2017 · dc41c1c · dc41c1c
1 parent 4da98e1
commit dc41c1c
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/main.js b/src/main.js
@@ -306,13 +306,17 @@ var Ripples = function (el, options) {
 	this.visible = true;
 	this.running = true;
 	this.inited = true;
+	this.destroyed = false;
 
 	this.setupPointerEvents();
 
 	// Init animation
 	function step() {
-		that.step();
-		requestAnimationFrame(step);
+		if (!that.destroyed) {
+			that.step();
+
+			requestAnimationFrame(step);
+		}
 	}
 
 	requestAnimationFrame(step);
@@ -793,6 +797,8 @@ Ripples.prototype = {
 
 		this.$canvas.remove();
 		this.restoreCssBackground();
+
+		this.destroyed = true;
 	},
 
 	show: function() {