From ee30b45ff01a527fe65873c9f7cd22abe26c7027 Mon Sep 17 00:00:00 2001
From: Vadim Shvetsov <vadim@shvetsov.io>
Date: Thu, 22 Jul 2021 21:14:04 +0300
Subject: [PATCH] Fix touch with mouse event bug

---
 .../react-canvas-core/src/states/SelectionBoxState.ts     | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/react-canvas-core/src/states/SelectionBoxState.ts b/packages/react-canvas-core/src/states/SelectionBoxState.ts
index 5fa86cb..3e7af98 100644
--- a/packages/react-canvas-core/src/states/SelectionBoxState.ts
+++ b/packages/react-canvas-core/src/states/SelectionBoxState.ts
@@ -1,4 +1,3 @@
-import { MouseEvent, TouchEvent } from 'react';
 import { AbstractDisplacementState, AbstractDisplacementStateEvent } from '../core-state/AbstractDisplacementState';
 import { State } from '../core-state/State';
 import { SelectionLayerModel } from '../entities/selection/SelectionLayerModel';
@@ -28,11 +27,12 @@ export class SelectionBoxState extends AbstractDisplacementState {
 
 	getBoxDimensions(event: AbstractDisplacementStateEvent): ClientRect {
 		let rel: Point;
-		if (event.event instanceof MouseEvent) {
-			rel = this.engine.getRelativePoint(event.event.clientX, event.event.clientY);
-		} else if (event.event instanceof TouchEvent) {
+
+		if ('touches' in event.event) {
 			const touch = event.event.touches[0];
 			rel = this.engine.getRelativePoint(touch.clientX, touch.clientY);
+		} else {
+			rel = this.engine.getRelativePoint(event.event.clientX, event.event.clientY);
 		}
 
 		return {