Make otp input autofocus

max-programming · max-programming · commit cf6db41caf35 · 2025-09-07T12:20:59.000Z
diff --git a/src/routes/$whimId.tsx b/src/routes/$whimId.tsx
@@ -114,6 +114,7 @@ function OtpEntry({ whimId, otp, onOtpChange, onSubmit }: OtpEntryProps) {
                   value={otp}
                   onChange={onOtpChange}
                   onComplete={onOtpChange}
+                  autoFocus
                 >
                   <InputOTPGroup>
                     <InputOTPSlot index={0} />

Original file line number	Diff line number	Diff line change
`@@ -114,6 +114,7 @@ function OtpEntry({ whimId, otp, onOtpChange, onSubmit }: OtpEntryProps) {`
`114`	`114`	`value={otp}`
`115`	`115`	`onChange={onOtpChange}`
`116`	`116`	`onComplete={onOtpChange}`
	`117`	`+ autoFocus`
`117`	`118`	`>`
`118`	`119`	`<InputOTPGroup>`
`119`	`120`	`<InputOTPSlot index={0} />`