Add check, if touches.length > 0

Author: markuslerner

package.json

@@ -1,6 +1,6 @@
 {
   "name": "three.interactive",
-  "version": "1.5.1",
+  "version": "1.5.2",
   "description": "Fast and simple interaction manager for THREE.js",
   "type": "module",
   "types": "./build/index.d.ts",

src/index.ts

@@ -270,11 +270,13 @@ export class InteractionManager {
   onTouchMove = (touchEvent: TouchEvent) => {
     // event.preventDefault();
 
-    this.mapPositionToPoint(
-      this.mouse,
-      touchEvent.touches[0].clientX,
-      touchEvent.touches[0].clientY
-    );
+    if (touchEvent.touches.length > 0) {
+      this.mapPositionToPoint(
+        this.mouse,
+        touchEvent.touches[0].clientX,
+        touchEvent.touches[0].clientY
+      );
+    }
 
     const event = new InteractiveEvent(
       this.treatTouchEventsAsMouseEvents ? 'mousemove' : 'touchmove',
@@ -331,11 +333,13 @@ export class InteractionManager {
   };
 
   onTouchStart = (touchEvent: TouchEvent) => {
-    this.mapPositionToPoint(
-      this.mouse,
-      touchEvent.touches[0].clientX,
-      touchEvent.touches[0].clientY
-    );
+    if (touchEvent.touches.length > 0) {
+      this.mapPositionToPoint(
+        this.mouse,
+        touchEvent.touches[0].clientX,
+        touchEvent.touches[0].clientY
+      );
+    }
 
     this.update();
 
@@ -368,11 +372,13 @@ export class InteractionManager {
   };
 
   onTouchEnd = (touchEvent: TouchEvent) => {
-    this.mapPositionToPoint(
-      this.mouse,
-      touchEvent.touches[0].clientX,
-      touchEvent.touches[0].clientY
-    );
+    if (touchEvent.touches.length > 0) {
+      this.mapPositionToPoint(
+        this.mouse,
+        touchEvent.touches[0].clientX,
+        touchEvent.touches[0].clientY
+      );
+    }
 
     this.update();