Always remove ripple after a certain period

Author: tinayuangao

src/lib/core/ripple/ripple-renderer.ts

@@ -143,6 +143,8 @@ export class RippleRenderer {
 
     rippleDiv.addEventListener('transitionend',
         (event: TransitionEvent) => transitionEndCallback(ripple, event));
+    // Remove the ripple after transitions (fade-in, transform, fade-out)
+    setTimeout(() => this.removeRippleFromDom(ripple.rippleElement), fadeInSeconds * 3 * 1000);
   }
 
   /** Fades out a foreground ripple after it has fully expanded and faded in. */

src/lib/core/ripple/ripple.ts

@@ -134,7 +134,6 @@ export class MdRipple implements OnInit, OnDestroy, OnChanges {
           ripple.state = ForegroundRippleState.FADING_OUT;
           break;
         case ForegroundRippleState.FADING_OUT:
-          this._rippleRenderer.removeRippleFromDom(ripple.rippleElement);
           break;
       }
     }