forked from didirus/AstralRinth
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. <contact@cal.engineer>
This commit is contained in:
@@ -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)"
|
||||
|
||||
Reference in New Issue
Block a user