Adding inputmode and pattern to TOTP and Fallback input

Fixes #88
oliwarner · Jun 7, 2024 · 00be66e · 00be66e
1 parent 6e771da
commit 00be66e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/multifactor/templates/multifactor/TOTP/add.html b/multifactor/templates/multifactor/TOTP/add.html
@@ -19,7 +19,8 @@
 	<input type="hidden" name="key" value="{{secret_key|safe}}">
 
 	<div class="field"><div class="control">
-		<input class="input is-primary has-text-centered is-large" type="text" maxlength="6" size="6"  name="answer" placeholder="e.g 123456" autocomplete="off" autofocus>
+		<input class="input is-primary has-text-centered is-large" type="text" maxlength="6" size="6"  name="answer" placeholder="e.g 123456" autocomplete="off"
+		inputmode="numeric" pattern="[0-9]{6}" autofocus>
 	</div></div>
 
 	<button type="submit" class="button is-primary is-large is-fullwidth">Verify</button>

diff --git a/multifactor/templates/multifactor/fallback/auth.html b/multifactor/templates/multifactor/fallback/auth.html
@@ -9,7 +9,7 @@
 	{% csrf_token %}
 
 	<div class="field"><div class="control">
-		<input class="input is-primary has-text-centered is-large" type="text" maxlength="8" size="8"  name="otp" placeholder="e.g 12345678" autocomplete="off" autofocus>
+		<input class="input is-primary has-text-centered is-large" type="text" maxlength="8" size="8"  name="otp" placeholder="e.g 12345678" autocomplete="off"  inputmode="numeric" pattern="[0-9]+" autofocus>
 	</div></div>
 
 	<button type="submit" class="button is-primary is-large is-fullwidth">Verify</button>