fix: disable spellcheck on OTP input to remove unwanted spelling erro…

…r visuals
guilhermerodz · Jan 21, 2025 · 150f6b8 · 150f6b8
1 parent fcf30b7
commit 150f6b8
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/input-otp/src/input.tsx b/packages/input-otp/src/input.tsx
@@ -314,7 +314,7 @@ export const OTPInput = React.forwardRef<HTMLInputElement, OTPInputProps>(
         if (!pasteTransformer && (!initialLoadRef.current.isIOS || !e.clipboardData || !input)) {
           return
         }
-        
+
         const _content = e.clipboardData.getData('text/plain')
         const content = pasteTransformer
           ? pasteTransformer(_content)
@@ -422,6 +422,7 @@ export const OTPInput = React.forwardRef<HTMLInputElement, OTPInputProps>(
           maxLength={maxLength}
           value={value}
           ref={inputRef}
+          spellCheck={false}
           onPaste={e => {
             _pasteListener(e)
             props.onPaste?.(e)