Merge pull request #871 from vadimshvetsov/fix-touch-mouse-event

Fix touch with mouse event bug on selection box usage
projectstorm · Jul 23, 2021 · db25ec3 · db25ec3
2 parents 61882f0 + ee30b45
commit db25ec3
Showing 1 changed file with 4 additions and 4 deletions.
diff --git 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 {