-
+
{{/isStep4}}
{{#isStep5}}
diff --git a/js/views/install_view.js b/js/views/install_view.js
index 330d0a5d39..d07f511ffc 100644
--- a/js/views/install_view.js
+++ b/js/views/install_view.js
@@ -23,7 +23,8 @@
className: 'main full-screen-flow',
events: {
'click .try-again': 'connect',
- // handler for finish button is in confirmNumber()
+ 'click .finish': 'finishLinking',
+ // the actual next step happens in confirmNumber() on submit form #link-phone
},
initialize: function(options) {
options = options || {};
@@ -143,13 +144,17 @@
this.$(DEVICE_NAME_SELECTOR).val(deviceName || window.config.hostname);
this.$(DEVICE_NAME_SELECTOR).focus();
},
+ finishLinking: function() {
+ // We use a form so we get submit-on-enter behavior
+ this.$('#link-phone').submit();
+ },
confirmNumber: function(number) {
window.removeSetupMenuItems();
this.selectStep(Steps.ENTER_NAME);
this.setDeviceNameDefault();
return new Promise(function(resolve, reject) {
- this.$('.finish').click(function(e) {
+ this.$('#link-phone').submit(function(e) {
e.stopPropagation();
e.preventDefault();
diff --git a/stylesheets/_global.scss b/stylesheets/_global.scss
index 9b4d7290ee..bf4e7fe47f 100644
--- a/stylesheets/_global.scss
+++ b/stylesheets/_global.scss
@@ -735,6 +735,10 @@ input[type=text], input[type=search], textarea {
margin-right: auto;
}
+ form {
+ height: 100%;
+ width: 100%;
+ }
.step {
height: 100%;
width: 100%;