From 57b493dfabf6d93cefc34ba4195f5c6ddb0436da Mon Sep 17 00:00:00 2001
From: Jared Pereira <jared@awarm.space>
Date: Fri, 8 May 2026 23:55:18 -0400
Subject: [PATCH] add ios pointer handling to otp input

---
 components/Subscribe/EmailSubscribe.tsx | 31 ++++++++++++++++++++-----
 1 file changed, 25 insertions(+), 6 deletions(-)

diff --git a/components/Subscribe/EmailSubscribe.tsx b/components/Subscribe/EmailSubscribe.tsx
index 8fb9fa08..5d581ec3 100644
--- a/components/Subscribe/EmailSubscribe.tsx
+++ b/components/Subscribe/EmailSubscribe.tsx
@@ -3,6 +3,7 @@ import * as OneTimePasswordField from "@radix-ui/react-one-time-password-field";
 import { ButtonPrimary } from "components/Buttons";
 import { Input } from "components/Input";
 import { DotLoader } from "components/utils/DotLoader";
+import { onMouseDown as iosOnPointerDown } from "src/utils/iosInputMouseDown";
 import { theme } from "tailwind.config";
 
 export const EmailInput = (props: {
@@ -74,12 +75,30 @@ export const EmailConfirm = (props: {
         }}
       >
         <div className="flex gap-1 pt-4 w-full justify-center">
-          <OneTimePasswordField.Input className={inputClassName} />
-          <OneTimePasswordField.Input className={inputClassName} />
-          <OneTimePasswordField.Input className={inputClassName} />
-          <OneTimePasswordField.Input className={inputClassName} />
-          <OneTimePasswordField.Input className={inputClassName} />
-          <OneTimePasswordField.Input className={inputClassName} />
+          <OneTimePasswordField.Input
+            className={inputClassName}
+            onPointerDown={iosOnPointerDown}
+          />
+          <OneTimePasswordField.Input
+            className={inputClassName}
+            onPointerDown={iosOnPointerDown}
+          />
+          <OneTimePasswordField.Input
+            className={inputClassName}
+            onPointerDown={iosOnPointerDown}
+          />
+          <OneTimePasswordField.Input
+            className={inputClassName}
+            onPointerDown={iosOnPointerDown}
+          />
+          <OneTimePasswordField.Input
+            className={inputClassName}
+            onPointerDown={iosOnPointerDown}
+          />
+          <OneTimePasswordField.Input
+            className={inputClassName}
+            onPointerDown={iosOnPointerDown}
+          />
         </div>
         <OneTimePasswordField.HiddenInput />
       </OneTimePasswordField.Root>
-- 
2.51.2