From f49b866a511e2a1a03ac9573968e6d32e3b31179 Mon Sep 17 00:00:00 2001
From: Fabio Manganiello <fabio@manganiello.tech>
Date: Wed, 22 Mar 2023 21:28:21 +0100
Subject: [PATCH] Focus the <input> element when a <NameEditor> element is
 created.

---
 .../http/webapp/src/components/elements/NameEditor.vue       | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/platypush/backend/http/webapp/src/components/elements/NameEditor.vue b/platypush/backend/http/webapp/src/components/elements/NameEditor.vue
index 73cf7289..1d1ec251 100644
--- a/platypush/backend/http/webapp/src/components/elements/NameEditor.vue
+++ b/platypush/backend/http/webapp/src/components/elements/NameEditor.vue
@@ -1,6 +1,6 @@
 <template>
   <form @submit.prevent="submit" class="name-editor">
-    <input type="text" v-model="text" :disabled="disabled">
+    <input type="text" v-model="text" :disabled="disabled" ref="input">
     <button type="submit">
       <i class="fas fa-circle-check" />
     </button>
@@ -21,7 +21,7 @@ export default {
 
     disabled: {
       type: Boolean,
-      deafult: false,
+      default: false,
     },
   },
 
@@ -44,6 +44,7 @@ export default {
 
   mounted() {
     this.text = this.value
+    this.$refs.input.focus()
   },
 }
 </script>