Add autofocus on the first field in SMTP/Messenger settings UI

runningnoodle · Jan 30, 2021 · 535b505 · 535b505
1 parent 68808d0
commit 535b505
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/frontend/src/views/Settings.vue b/frontend/src/views/Settings.vue
@@ -558,6 +558,11 @@ export default Vue.extend({
         tls_enabled: true,
         tls_skip_verify: false,
       });
+
+      this.$nextTick(() => {
+        const items = document.querySelectorAll('.mail-servers input[name="host"]');
+        items[items.length - 1].focus();
+      });
     },
 
     removeSMTP(i) {
@@ -581,6 +586,11 @@ export default Vue.extend({
         max_msg_retries: 2,
         timeout: '5s',
       });
+
+      this.$nextTick(() => {
+        const items = document.querySelectorAll('.messengers input[name="name"]');
+        items[items.length - 1].focus();
+      });
     },
 
     removeMessenger(i) {