From cd418286b7ea25671c10d1056797edb6e55524f1 Mon Sep 17 00:00:00 2001
From: morethanwords <thanwords24@gmail.com>
Date: Fri, 25 Sep 2020 01:10:29 +0300
Subject: [PATCH] Fix ripple again

---
 src/components/ripple.ts | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/ripple.ts b/src/components/ripple.ts
index f754bf44..7c50c2d0 100644
--- a/src/components/ripple.ts
+++ b/src/components/ripple.ts
@@ -56,6 +56,7 @@ export function ripple(elem: HTMLElement, callback: (id: number) => Promise<bool
       }
 
       handler = null;
+      touchStartFired = false;
     };
     //});
 
@@ -126,6 +127,7 @@ export function ripple(elem: HTMLElement, callback: (id: number) => Promise<bool
     //});
   };
 
+  // TODO: rename this variable
   let touchStartFired = false;
   if(touchSupport) {
     let touchEnd = () => {
@@ -134,7 +136,10 @@ export function ripple(elem: HTMLElement, callback: (id: number) => Promise<bool
   
     elem.addEventListener('touchstart', (e) => {
       //console.log('ripple touchstart', e);
-      if(e.touches.length > 1 || ((e.target as HTMLElement).tagName == 'BUTTON' && e.target != elem) || findUpClassName(e.target as HTMLElement, 'c-ripple') != r) {
+      if(e.touches.length > 1 
+        || touchStartFired 
+        || ((e.target as HTMLElement).tagName == 'BUTTON' && e.target != elem) 
+        || findUpClassName(e.target as HTMLElement, 'c-ripple') != r) {
         return;
       }
       
@@ -149,7 +154,7 @@ export function ripple(elem: HTMLElement, callback: (id: number) => Promise<bool
         e.cancelBubble = true;
         e.stopPropagation();
         touchEnd();
-        window.removeEventListener('touchend', touchEnd);
+        elem.removeEventListener('touchend', touchEnd);
       }, {once: true});
     }, {passive: true});
   } else {