Merge pull request #597 from YunoHost/spellcheck-shit

forms: disable autocapitalize for usernames & spellcheck for username…
YunoHost · Nov 16, 2024 · 4556ea5 · 4556ea5
2 parents 665b14f + 6c2894e
commit 4556ea5
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 3 deletions.
diff --git a/app/src/views/LoginView.vue b/app/src/views/LoginView.vue
@@ -35,6 +35,8 @@ const fields = {
     cProps: {
       id: 'username',
       autocomplete: 'username',
+      autocapitalize: 'off',
+      spellcheck: 'false',
     },
   } satisfies FieldProps<'InputItem', Form['username']>,
 

diff --git a/app/src/views/PostInstall.vue b/app/src/views/PostInstall.vue
@@ -52,14 +52,23 @@ const fields = {
     component: 'InputItem',
     label: t('user_username'),
     rules: { required, alphalownumdot_ },
-    cProps: { id: 'username', placeholder: t('placeholder.username') },
+    cProps: {
+      id: 'username',
+      placeholder: t('placeholder.username'),
+      autocapitalize: 'off',
+      spellcheck: 'false',
+    },
   } satisfies FieldProps<'InputItem', Form['username']>,
 
   fullname: {
     component: 'InputItem',
     label: t('user_fullname'),
     rules: { required, name },
-    cProps: { id: 'fullname', placeholder: t('placeholder.fullname') },
+    cProps: {
+      id: 'fullname',
+      placeholder: t('placeholder.fullname'),
+      spellcheck: 'false',
+    },
   } satisfies FieldProps<'InputItem', Form['fullname']>,
 
   password: {

diff --git a/app/src/views/user/UserCreate.vue b/app/src/views/user/UserCreate.vue
@@ -48,6 +48,8 @@ const fields = {
     cProps: {
       id: 'username',
       placeholder: t('placeholder.username'),
+      autocapitalize: 'off',
+      spellcheck: 'false',
     },
   }) satisfies FieldProps<'InputItem', Form['username']>,
 
@@ -59,6 +61,7 @@ const fields = {
     cProps: {
       id: 'fullname',
       placeholder: t('placeholder.fullname'),
+      spellcheck: 'false',
     },
   } satisfies FieldProps<'InputItem', Form['fullname']>,
 

diff --git a/app/src/views/user/UserEdit.vue b/app/src/views/user/UserEdit.vue
@@ -58,7 +58,12 @@ const fields = reactive({
   username: {
     component: 'InputItem',
     label: t('user_username'),
-    cProps: { id: 'username', disabled: true },
+    cProps: {
+      id: 'username',
+      disabled: true,
+      autocapitalize: 'off',
+      spellcheck: 'false',
+    },
   } satisfies FieldProps<'InputItem', Form['username']>,
 
   fullname: {
@@ -68,6 +73,7 @@ const fields = reactive({
     cProps: {
       id: 'fullname',
       placeholder: t('placeholder.fullname'),
+      spellcheck: 'false',
     },
   } satisfies FieldProps<'InputItem', Form['fullname']>,