Implement handling of possible touch event

icflorescu · Mar 30, 2024 · 7f397c7 · 7f397c7
1 parent c7a5d09
commit 7f397c7
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/package/ContextMenuProvider.tsx b/package/ContextMenuProvider.tsx
@@ -52,12 +52,20 @@ export function ContextMenuProvider({
     setData(null);
   };
 
-  const showContextMenu: ShowContextMenuFunction = (content, options) => (e) => {
+  const showContextMenu: ShowContextMenuFunction = (content, options) => (e: React.MouseEvent | React.TouchEvent) => {
     e.preventDefault();
     e.stopPropagation();
+
+    const x = "touches" in e
+      ? e.touches[0].clientX
+      : e.clientX;
+    const y = "touches" in e
+      ? e.touches[0].clientY
+      : e.clientY;
+
     setData({
-      x: e.clientX,
-      y: e.clientY,
+      x,
+      y,
       content,
       zIndex: options?.zIndex || zIndex,
       className: options?.className,