Merge pull request #5376 from rmklaus12/5104-mobile-keyboard-inputs

Added inputmode attribute to show appropriate mobile keyboard for sel…
This commit is contained in:
Luis Ramos
2020-05-15 08:49:42 +01:00
committed by GitHub
4 changed files with 12 additions and 2 deletions

View File

@@ -20,6 +20,7 @@
type: "email",
id: "email",
tabindex: 1,
inputmode: "email",
"ng-model" => "spree_user.email"}
.row
.large-12.columns
@@ -27,3 +28,4 @@
tabindex: "3",
type: "submit",
value: "{{'reset_password' | t}}"}

View File

@@ -15,6 +15,7 @@
type: "email",
id: "email",
tabindex: 1,
inputmode: "email",
"ng-model" => "spree_user.email"}
.row
.large-12.columns
@@ -24,6 +25,7 @@
id: "password",
autocomplete: "off",
tabindex: 2,
inputmode: "password",
"ng-model" => "spree_user.password"}
.row
.large-12.columns
@@ -39,3 +41,4 @@
tabindex: "3",
type: "submit",
value: "{{'label_login' | t}}"}

View File

@@ -14,6 +14,7 @@
type: "email",
id: "email",
tabindex: 1,
inputmode: "email",
"ng-model" => "spree_user.email"}
%span.error{"ng-show" => "errors.email != null"}
{{ errors.email.join(' ') }}
@@ -25,6 +26,7 @@
id: "password",
autocomplete: "off",
tabindex: 2,
inputmode: "password",
"ng-model" => "spree_user.password"}
%span.error{"ng-show" => "errors.password != null"}
{{ errors.password.join(' ') }}
@@ -36,6 +38,7 @@
id: "password_confirmation",
autocomplete: "off",
tabindex: 2,
inputmode: "password",
"ng-model" => "spree_user.password_confirmation"}
.row
.large-12.columns
@@ -43,3 +46,4 @@
tabindex: "3",
type: "submit",
value: "{{'action_signup' | t}}"}

View File

@@ -21,12 +21,13 @@
.row
.small-6.columns
= validated_input t(:email), 'order.email', type: :email, "ofn-focus" => "accordion['details']"
= validated_input t(:email), 'order.email', type: "email", inputmode: "email", "ofn-focus" => "accordion['details']"
.small-6.columns
= validated_input t(:phone), 'order.bill_address.phone'
= validated_input t(:phone), 'order.bill_address.phone', inputmode: "tel"
.row
.small-12.columns.text-right
%button.primary{"ng-disabled" => "details.$invalid", "ng-click" => "login_or_next($event)"}
= t :next