Fixed cases where ripple is triggered when not properly destroyed

src/app/components/ripple/ripple.ts

@@ -17,6 +17,8 @@ export class Ripple implements AfterViewInit, OnDestroy {
 
     mouseDownListener: any;
 
+    timeout: any;
+
     ngAfterViewInit() {
         if (this.config && this.config.ripple) {
             this.zone.runOutsideAngular(() => {
@@ -48,6 +50,13 @@ export class Ripple implements AfterViewInit, OnDestroy {
         ink.style.top = y + 'px';
         ink.style.left = x + 'px';
         DomHandler.addClass(ink, 'p-ink-active');
+
+        this.timeout = setTimeout(() => {
+            let ink = this.getInk();
+            if (ink) {
+                DomHandler.removeClass(ink, 'p-ink-active');
+            }
+        }, 401);
     }
 
     getInk() {
@@ -66,7 +75,10 @@ export class Ripple implements AfterViewInit, OnDestroy {
         }
     }
 
-    onAnimationEnd(event) {
+    onAnimationEnd(event: Event) {
+        if (this.timeout) {
+            clearTimeout(this.timeout);
+        }
         DomHandler.removeClass(event.currentTarget, 'p-ink-active');
     }