fix(nodes): cehck if touchevent exists fixes #188

xyflow · May 5, 2020 · 98978df · 98978df
1 parent 6c641a1
commit 98978df
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 9 deletions.
diff --git a/dist/ReactFlow.esm.js b/dist/ReactFlow.esm.js
diff --git a/dist/ReactFlow.esm.js.map b/dist/ReactFlow.esm.js.map
diff --git a/dist/ReactFlow.js b/dist/ReactFlow.js
diff --git a/dist/ReactFlow.js.map b/dist/ReactFlow.js.map
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-flow-renderer",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "main": "dist/ReactFlow.js",
   "module": "dist/ReactFlow.esm.js",
   "license": "MIT",

diff --git a/src/components/Nodes/wrapNode.tsx b/src/components/Nodes/wrapNode.tsx
@@ -7,6 +7,9 @@ import { Provider } from '../../contexts/NodeIdContext';
 import store from '../../store';
 import { Node, XYPosition, Transform, ElementId, NodeComponentProps, WrapNodeProps } from '../../types';
 
+const getMouseEvent = (evt: MouseEvent | TouchEvent) =>
+  typeof TouchEvent !== 'undefined' && evt instanceof TouchEvent ? evt.touches[0] : (evt as MouseEvent);
+
 const onStart = (
   evt: MouseEvent | TouchEvent,
   onClick: (node: Node) => void,
@@ -17,7 +20,7 @@ const onStart = (
   transform: Transform,
   position: XYPosition
 ): false | void => {
-  const startEvt = evt instanceof TouchEvent ? evt.touches[0] : evt;
+  const startEvt = getMouseEvent(evt);
 
   const scaledClient: XYPosition = {
     x: startEvt.clientX * (1 / transform[2]),
@@ -39,7 +42,7 @@ const onDrag = (
   offset: XYPosition,
   transform: Transform
 ): void => {
-  const dragEvt = evt instanceof TouchEvent ? evt.touches[0] : evt;
+  const dragEvt = getMouseEvent(evt);
 
   const scaledClient = {
     x: dragEvt.clientX * (1 / transform[2]),