From 6aa4c8bd76e7a3d3fa8d9d4767ba4d477a21f0d7 Mon Sep 17 00:00:00 2001
From: Joel Collins <joel@jtcollins.net>
Date: Thu, 28 Nov 2019 11:00:21 +0000
Subject: [PATCH] Add key-val pair with enter key

---
 src/components/fieldComponents/keyvalList.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/fieldComponents/keyvalList.vue b/src/components/fieldComponents/keyvalList.vue
index 6f558c88..ed884a4a 100644
--- a/src/components/fieldComponents/keyvalList.vue
+++ b/src/components/fieldComponents/keyvalList.vue
@@ -8,6 +8,7 @@
         >
           <div class="uk-margin-remove uk-width-1-2">
             <input
+              ref="textboxKey"
               v-model="newMetadata.key"
               class="uk-input uk-form-width-small uk-form-small"
               type="text"
@@ -22,6 +23,7 @@
               type="text"
               name="flavor"
               placeholder="Value"
+              @keyup.enter="handleMetadataSubmit()"
             />
           </div>
         </div>
@@ -94,6 +96,9 @@ export default {
       this.newMetadata.value = "";
 
       this.$emit("input", newSelected);
+
+      // Move focus back to key textbox
+      this.$refs.textboxKey.focus();
     },
 
     delMetadataKey: function(key) {