(cloudstack) branch 4.20 updated: Change 2FA Field Type From Password to Text (#13723)

[shwstppr]

This is an automated email from the ASF dual-hosted git repository.

shwstppr pushed a commit to branch 4.20
in repository https://gitbox.apache.org/repos/asf/cloudstack.git


The following commit(s) were added to refs/heads/4.20 by this push:
     new ac45be45e9e Change 2FA Field Type From Password to Text (#13723)
ac45be45e9e is described below

commit ac45be45e9ebf3b93c7ae7e1484b7c172c9c3935
Author: Davi Torres <90287660+daviftor...@users.noreply.github.com>
AuthorDate: Mon Sep 7 03:15:57 2026 -0700

    Change 2FA Field Type From Password to Text (#13723)
    
    Change input type for code entry field
    
    Replaced a-input-password with a-input for better user experience.
---
 ui/src/views/dashboard/SetupTwoFaAtLogin.vue | 4 +++-
 ui/src/views/dashboard/VerifyTwoFa.vue       | 6 ++++--
 ui/src/views/iam/SetupTwoFaAtUserProfile.vue | 4 +++-
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/ui/src/views/dashboard/SetupTwoFaAtLogin.vue 
b/ui/src/views/dashboard/SetupTwoFaAtLogin.vue
index 2300a7ab4a7..da0d0243034 100644
--- a/ui/src/views/dashboard/SetupTwoFaAtLogin.vue
+++ b/ui/src/views/dashboard/SetupTwoFaAtLogin.vue
@@ -109,8 +109,10 @@
           <a-row :gutter="24">
             <a-col :md="24" :lg="22">
               <a-form-item @finish="submitPin" v-ctrl-enter="submitPin" 
name="code" ref="code">
-                <a-input-password
+                <a-input
                   v-model:value="form.code"
+                  autocomplete="one-time-code"
+                  inputmode="numeric"
                   placeholder="xxxxxx" />
               </a-form-item>
             </a-col>
diff --git a/ui/src/views/dashboard/VerifyTwoFa.vue 
b/ui/src/views/dashboard/VerifyTwoFa.vue
index 6c0f5f8a380..7ec6d08a95b 100644
--- a/ui/src/views/dashboard/VerifyTwoFa.vue
+++ b/ui/src/views/dashboard/VerifyTwoFa.vue
@@ -33,9 +33,11 @@
       @finish="handleSubmit"
       layout="vertical">
       <a-form-item name="code" ref="code" style="text-align: center;">
-        <a-input-password
+        <a-input
           style="width: 500px"
           v-model:value="form.code"
+          autocomplete="one-time-code"
+          inputmode="numeric"
           placeholder="xxxxxx" />
       </a-form-item>
       <br/>
@@ -83,7 +85,7 @@ export default {
       })
     },
     focusInput () {
-      const inputElement = 
this.$refs.code.$el.querySelector('input[type=password]')
+      const inputElement = this.$refs.code.$el.querySelector('input')
       if (inputElement) {
         inputElement.focus()
       }
diff --git a/ui/src/views/iam/SetupTwoFaAtUserProfile.vue 
b/ui/src/views/iam/SetupTwoFaAtUserProfile.vue
index df6466a7dc6..7dd3a69b8a5 100644
--- a/ui/src/views/iam/SetupTwoFaAtUserProfile.vue
+++ b/ui/src/views/iam/SetupTwoFaAtUserProfile.vue
@@ -100,8 +100,10 @@
           <a-row :gutter="12">
             <a-col :md="24" :lg="20">
               <a-form-item @finish="submitPin" v-ctrl-enter="submitPin" 
name="code" ref="code">
-                <a-input-password
+                <a-input
                   v-model:value="form.code"
+                  autocomplete="one-time-code"
+                  inputmode="numeric"
                   placeholder="xxxxxx" />
               </a-form-item>
             </a-col>