From b7e7e5e60317c3dc7837a4e66da94d2dca33c767 Mon Sep 17 00:00:00 2001 From: MIfoodie <94649676+MIfoodie@users.noreply.github.com> Date: Wed, 31 Dec 2025 12:54:19 -0500 Subject: [PATCH] Change input mode for sign-in form (#5000) * Change input mode and types and modes for sign-in form -Added the inputmode of "email" to tell mobile browsers to change to the email keyboard for username/email input -Added the inputmode of "numeric" to tell mobile browsers to change to the numeric keyboard for 2fa input (https://www.w3schools.com/TAgs/att_inputmode.asp) -Changed two-factor code input type to "numeric" to provide a greater hint to autofill that this is where they should fill in 2fa codes Signed-off-by: MIfoodie <94649676+MIfoodie@users.noreply.github.com> * Clean up whitespace in sign-in.vue that I accidently added :) Removed extra whitespace before the Google authentication link. Signed-off-by: MIfoodie <94649676+MIfoodie@users.noreply.github.com> * Change input type from 'number' to 'text' Signed-off-by: MIfoodie <94649676+MIfoodie@users.noreply.github.com> --------- Signed-off-by: MIfoodie <94649676+MIfoodie@users.noreply.github.com> Co-authored-by: Calum H. --- apps/frontend/src/pages/auth/sign-in.vue | 2 ++ 1 file changed, 2 insertions(+) diff --git a/apps/frontend/src/pages/auth/sign-in.vue b/apps/frontend/src/pages/auth/sign-in.vue index e14cf9ca6..f16fbbd07 100644 --- a/apps/frontend/src/pages/auth/sign-in.vue +++ b/apps/frontend/src/pages/auth/sign-in.vue @@ -18,6 +18,7 @@ v-model="twoFactorCode" maxlength="11" type="text" + inputmode="numeric" :placeholder="formatMessage(messages.twoFactorCodeInputPlaceholder)" autocomplete="one-time-code" autofocus @@ -68,6 +69,7 @@ id="email" v-model="email" type="text" + inputmode="email" autocomplete="username" class="auth-form__input" :placeholder="formatMessage(messages.emailUsernameLabel)"