diff --git a/src/components/map/MapFog.js b/src/components/map/MapFog.js
index 39e759e..9a06e9b 100644
--- a/src/components/map/MapFog.js
+++ b/src/components/map/MapFog.js
@@ -192,14 +192,14 @@ function MapFog({
setIsBrushDown(false);
}
- mapStage.on("mousedown", handleBrushDown);
- mapStage.on("mousemove", handleBrushMove);
- mapStage.on("mouseup", handleBrushUp);
+ mapStage.on("mousedown touchstart", handleBrushDown);
+ mapStage.on("mousemove touchmove", handleBrushMove);
+ mapStage.on("mouseup touchend", handleBrushUp);
return () => {
- mapStage.off("mousedown", handleBrushDown);
- mapStage.off("mousemove", handleBrushMove);
- mapStage.off("mouseup", handleBrushUp);
+ mapStage.off("mousedown touchstart", handleBrushDown);
+ mapStage.off("mousemove touchmove", handleBrushMove);
+ mapStage.off("mouseup touchend", handleBrushUp);
};
}, [
mapStageRef,
diff --git a/src/helpers/konva.js b/src/helpers/konva.js
index b648a7f..fad95a2 100644
--- a/src/helpers/konva.js
+++ b/src/helpers/konva.js
@@ -124,6 +124,7 @@ export function Tick({ x, y, scale, onClick, cross }) {
onMouseEnter={handleEnter}
onMouseLeave={handleLeave}
onClick={onClick}
+ onTap={onClick}
>