🚑 Fix long press for touch devices

Fixes #538
timmo001 · Sep 29, 2019 · eedc9c7 · eedc9c7
1 parent f86c9a0
commit eedc9c7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/src/Components/Cards/Base.tsx b/src/Components/Cards/Base.tsx
@@ -266,7 +266,10 @@ function Base(props: BaseProps) {
         userSelect: !toggleable ? 'text' : 'none'
       }}
       onClick={toggleable ? handleHassToggle : undefined}
+      onTouchStart={handleHold}
       onMouseDown={handleHold}
+      onTouchCancel={handleHoldCancel}
+      onTouchEnd={handleHoldCancel}
       onMouseUp={handleHoldCancel}
       onMouseLeave={handleHoldCancel}>
       <Card

diff --git a/src/Components/Overview/Pages.tsx b/src/Components/Overview/Pages.tsx
@@ -99,7 +99,10 @@ function Pages(props: PagesProps) {
                 key={key}
                 value={page.key}
                 label={page.name}
+                onTouchStart={handleEditingPage(page)}
                 onMouseDown={handleEditingPage(page)}
+                onTouchCancel={handleCancelEdit}
+                onTouchEnd={handleCancelEdit}
                 onMouseUp={handleCancelEdit}
                 onMouseLeave={handleCancelEdit}
                 icon={