iOS debug

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,

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) => {