fix: normal click event running even after long press on ios

standardnotes · Aug 16, 2023 · ecb709e · ecb709e
1 parent 83aafbf
commit ecb709e
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/packages/web/src/javascripts/Hooks/useLongPress.tsx b/packages/web/src/javascripts/Hooks/useLongPress.tsx
@@ -23,13 +23,22 @@ export const useLongPressEvent = (
       clearLongPressTimeout()
       pointerPosition.current = { x: event.clientX, y: event.clientY }
       longPressTimeout.current = window.setTimeout(() => {
+        elementRef.current?.addEventListener(
+          'mousedown',
+          (event) => {
+            event.preventDefault()
+            event.stopPropagation()
+          },
+          { once: true, capture: true },
+        )
+
         const x = event.clientX
         const y = event.clientY
 
         listener(x, y)
       }, delay)
     },
-    [clearLongPressTimeout, delay, listener],
+    [clearLongPressTimeout, delay, elementRef, listener],
   )
 
   const clearLongPressTimeoutIfMoved = useCallback(