From 563caa3f07f94b59968344d78b0d18bf812cd9fd Mon Sep 17 00:00:00 2001
From: Zsolt Viczian <viczian.zsolt@gmail.com>
Date: Mon, 21 Mar 2022 18:14:02 +0100
Subject: [PATCH] iOS debug

---
 src/components/Actions.tsx    | 4 +++-
 src/components/ToolButton.tsx | 1 +
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/Actions.tsx b/src/components/Actions.tsx
index 271c352c6..0cd87da24 100644
--- a/src/components/Actions.tsx
+++ b/src/components/Actions.tsx
@@ -217,12 +217,14 @@ export const ShapesSwitcher = ({
             aria-label={capitalizeString(label)}
             aria-keyshortcuts={shortcut}
             data-testid={value}
-            onChange={({ pointerType }) => {
+            onPointerDown={({ pointerType }) => {
               setAppState({ toastMessage: pointerType }); //debug iOS
               if (!penDetected && pointerType === "pen") {
                 setAppState({ penMode: true });
                 setDeviceType({ penDetected: true });
               }
+            }}
+            onChange={({ pointerType }) => {
               setAppState({
                 elementType: value,
                 multiElement: null,
diff --git a/src/components/ToolButton.tsx b/src/components/ToolButton.tsx
index 6361954ff..a78fa3f12 100644
--- a/src/components/ToolButton.tsx
+++ b/src/components/ToolButton.tsx
@@ -48,6 +48,7 @@ type ToolButtonProps =
       type: "radio";
       checked: boolean;
       onChange?(data: { pointerType: PointerType | null }): void;
+      onPointerDown?(data: { pointerType: PointerType }): void;
     });
 
 export const ToolButton = React.forwardRef((props: ToolButtonProps, ref) => {