feat: disable spell check and autocomplete for input, number input, and textarea components

This commit is contained in:
Bohdan Triapitsyn
2026-01-09 11:13:52 +02:00
parent 2382c6e82a
commit 6fdeb833b2
4 changed files with 13 additions and 1 deletions
@@ -605,7 +605,7 @@ export const ChatInput: React.FC<ChatInputProps> = ({ onOpenSettings, scrollToBo
}
}
if (e.key === 'Tab' && e.shiftKey && !showCommandAutocomplete && !showAgentAutocomplete && !showFileMention) {
if (e.key === 'Tab' && !showCommandAutocomplete && !showAgentAutocomplete && !showFileMention) {
e.preventDefault();
cycleAgent();
return;
+4
View File
@@ -13,6 +13,10 @@ function Input({ className, type, ...props }: React.ComponentProps<"input">) {
"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
className
)}
spellCheck={false}
autoComplete="off"
autoCorrect="off"
autoCapitalize="off"
{...props}
/>
)
@@ -144,6 +144,10 @@ const NumberInput = React.forwardRef<HTMLInputElement, NumberInputProps>(
onBlur={handleBlur}
onKeyDown={handleKeyDownInternal}
disabled={disabled}
spellCheck={false}
autoComplete="off"
autoCorrect="off"
autoCapitalize="off"
className={cn(
"h-full w-14 bg-transparent px-1.5 text-center typography-ui-label text-foreground",
"placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground",
@@ -16,6 +16,10 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, React.ComponentProps<"tex
"text-foreground border-input placeholder:text-muted-foreground appearance-none hover:border-input focus:border-ring focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-lg border bg-transparent px-3 py-2 typography-markdown shadow-none transition-[color,box-shadow,border-color] outline-none focus-visible:outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:typography-ui-label",
className
)}
spellCheck={false}
autoComplete="off"
autoCorrect="off"
autoCapitalize="off"
{...props}
/>
)