Fix hold_action not working on chrome for android (#2011)

src/panels/lovelace/common/directives/long-press-directive.ts

@@ -53,6 +53,7 @@ class LongPress extends HTMLElement implements LongPress {
         () => {
           clearTimeout(this.timer);
           this.stopAnimation();
+          this.timer = undefined;
         },
         { passive: true }
       );
@@ -64,9 +65,21 @@ class LongPress extends HTMLElement implements LongPress {
       return;
     }
     element.longPress = true;
-    element.addEventListener(
+
-      isTouch ? "touchstart" : "mousedown",
+    element.addEventListener("contextmenu", (ev: Event) => {
-      (ev: Event) => {
+      const e = ev || window.event;
+      if (e.preventDefault) {
+        e.preventDefault();
+      }
+      if (e.stopPropagation) {
+        e.stopPropagation();
+      }
+      e.cancelBubble = true;
+      e.returnValue = false;
+      return false;
+    });
+
+    const clickStart = (ev: Event) => {
       this.held = false;
       let x;
       let y;
@@ -81,17 +94,30 @@ class LongPress extends HTMLElement implements LongPress {
         this.startAnimation(x, y);
         this.held = true;
       }, this.holdTime);
-      },
+    };
-      { passive: true }
+
-    );
+    const clickEnd = () => {
-    element.addEventListener("click", () => {
+      clearTimeout(this.timer);
       this.stopAnimation();
+      if (isTouch && this.timer === undefined) {
+        return;
+      }
+      this.timer = undefined;
       if (this.held) {
         element.dispatchEvent(new Event("ha-hold"));
       } else {
         element.dispatchEvent(new Event("ha-click"));
       }
-    });
+    };
+
+    if (isTouch) {
+      element.addEventListener("touchstart", clickStart, { passive: true });
+      element.addEventListener("touchend", clickEnd);
+      element.addEventListener("touchcancel", clickEnd);
+    } else {
+      element.addEventListener("mousedown", clickStart, { passive: true });
+      element.addEventListener("click", clickEnd);
+    }
   }
 
   private startAnimation(x: number, y: number) {