From 33cb298a8dfc5a0ebcfaf4f622d60980d1c3c473 Mon Sep 17 00:00:00 2001
From: t8y2 <1156263951@qq.com>
Date: Mon, 4 May 2026 02:53:58 +0800
Subject: [PATCH] feat: disable autocorrect and spellcheck for input fields
 across components

---
 src/components/editor/QueryHistory.vue    | 3 +++
 src/components/grid/DataGrid.vue          | 6 ++++++
 src/components/mongo/JsonEditNode.vue     | 3 +++
 src/components/sidebar/ConnectionTree.vue | 3 +++
 src/components/ui/input/Input.vue         | 2 ++
 5 files changed, 17 insertions(+)

diff --git a/src/components/editor/QueryHistory.vue b/src/components/editor/QueryHistory.vue
index c59d812889..535d6d2c49 100644
--- a/src/components/editor/QueryHistory.vue
+++ b/src/components/editor/QueryHistory.vue
@@ -79,6 +79,9 @@ onMounted(() => store.load());
       <Search class="w-3.5 h-3.5 text-muted-foreground shrink-0" />
       <input
         v-model="searchText"
+        autocapitalize="off"
+        autocorrect="off"
+        spellcheck="false"
         class="flex-1 h-5 text-xs bg-transparent outline-none placeholder:text-muted-foreground"
         :placeholder="t('history.search')"
       />
diff --git a/src/components/grid/DataGrid.vue b/src/components/grid/DataGrid.vue
index 24673f2ec2..070d65c272 100644
--- a/src/components/grid/DataGrid.vue
+++ b/src/components/grid/DataGrid.vue
@@ -1106,6 +1106,9 @@ function escapeAndHighlightKeywords(s: string): string {
             <input
               ref="searchInputRef"
               v-model="searchText"
+              autocapitalize="off"
+              autocorrect="off"
+              spellcheck="false"
               class="flex-1 h-5 text-xs bg-transparent outline-none placeholder:text-muted-foreground"
               :placeholder="canUseWhereSearch ? t('grid.searchOrWhere') : t('grid.search')"
               @keydown="onSearchKeydown"
@@ -1266,6 +1269,9 @@ function escapeAndHighlightKeywords(s: string): string {
                   <template v-if="editingCell?.rowId === item.id && editingCell?.col === colIdx">
                     <input
                       v-model="editValue"
+                      autocapitalize="off"
+                      autocorrect="off"
+                      spellcheck="false"
                       class="cell-edit-input absolute inset-0 bg-background border-2 border-primary px-2 py-0.5 text-xs outline-none z-10"
                       @blur="commitEdit"
                       @click.stop
diff --git a/src/components/mongo/JsonEditNode.vue b/src/components/mongo/JsonEditNode.vue
index 6c00e97d22..d1e7f4b499 100644
--- a/src/components/mongo/JsonEditNode.vue
+++ b/src/components/mongo/JsonEditNode.vue
@@ -114,6 +114,9 @@ function confirmRemoveChild() {
           <span class="json-edit-quote">"</span>
           <input
             v-model="node.keyName"
+            autocapitalize="off"
+            autocorrect="off"
+            spellcheck="false"
             class="json-edit-key-input"
             :disabled="node.readonlyKey"
             :placeholder="t('mongo.fieldPlaceholder')"
diff --git a/src/components/sidebar/ConnectionTree.vue b/src/components/sidebar/ConnectionTree.vue
index 73f557c9cf..362ea45e72 100644
--- a/src/components/sidebar/ConnectionTree.vue
+++ b/src/components/sidebar/ConnectionTree.vue
@@ -100,6 +100,9 @@ const filteredNodes = computed(() => {
           <Search class="absolute left-2 top-1/2 -translate-y-1/2 h-3 w-3 text-muted-foreground" />
           <input
             v-model="searchQuery"
+            autocapitalize="off"
+            autocorrect="off"
+            spellcheck="false"
             class="w-full h-6 pl-7 pr-6 text-xs rounded border border-border bg-background focus:outline-none focus:ring-1 focus:ring-ring"
             :placeholder="t('grid.search')"
           />
diff --git a/src/components/ui/input/Input.vue b/src/components/ui/input/Input.vue
index 22470fbbf9..5df1152912 100644
--- a/src/components/ui/input/Input.vue
+++ b/src/components/ui/input/Input.vue
@@ -24,6 +24,8 @@ const modelValue = useVModel(props, 'modelValue', emits, {
     v-model="modelValue"
     autocapitalize="off"
     autocomplete="off"
+    autocorrect="off"
+    spellcheck="false"
     data-slot="input"
     :class="cn(
       'dark:bg-input/30 border-input 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:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-3 aria-invalid:ring-3 md:text-sm w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent file:text-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',