diff --git a/app/assets/javascripts/app/directives/views/accountMenu.js b/app/assets/javascripts/app/directives/views/accountMenu.js index 776b94658..617e48343 100644 --- a/app/assets/javascripts/app/directives/views/accountMenu.js +++ b/app/assets/javascripts/app/directives/views/accountMenu.js @@ -236,6 +236,13 @@ class AccountMenu { // request password $scope.importData.requestPassword = true; $scope.importData.data = data; + + $timeout(() => { + var element = document.getElementById("import-password-request"); + if(element) { + element.scrollIntoView(false); + } + }) } else { $scope.performImport(data, null); } diff --git a/app/assets/templates/directives/account-menu.html.haml b/app/assets/templates/directives/account-menu.html.haml index ed18f5ab4..1bc055eae 100644 --- a/app/assets/templates/directives/account-menu.html.haml +++ b/app/assets/templates/directives/account-menu.html.haml @@ -151,7 +151,7 @@ %span{"ng-if" => "isDesktopApplication()"} Backups are automatically created on desktop and can be managed via the "Backups" top-level menu. - %div{"ng-if" => "importData.requestPassword"} + #import-password-request{"ng-if" => "importData.requestPassword"} %form.panel-form.stretch{"ng-submit" => "submitImportPassword()"} %p Enter the account password associated with the import file. %input.form-control.mt-5{:type => 'password', "placeholder" => "Enter File Account Password", "ng-model" => "importData.password", "autofocus" => "true"}