Reset project name text fields if focus is lossed

OpenGeoscience · Oct 8, 2024 · 33f53f3 · 33f53f3
1 parent 38d2cc9
commit 33f53f3
Showing 1 changed file with 20 additions and 5 deletions.
diff --git a/web/src/components/ProjectConfig.vue b/web/src/components/ProjectConfig.vue
@@ -205,10 +205,7 @@ export default {
     }
 
     watch(selectedProject, () => {
-      projectConfigMode.value = "existing";
-      newProjectName.value = undefined;
-      projectToDelete.value = undefined;
-      projectToEdit.value = undefined;
+      resetProjectEdit();
     });
 
     onMounted(() => {
@@ -217,6 +214,19 @@ export default {
       });
     });
 
+    function resetProjectEdit() {
+      projectConfigMode.value = "existing";
+      newProjectName.value = undefined;
+      projectToDelete.value = undefined;
+      projectToEdit.value = undefined;
+    }
+
+    function handleEditFocus(focused: boolean) {
+      if (!focused) {
+        resetProjectEdit();
+      }
+    }
+
     return {
       currentTab,
       projectConfigMode,
@@ -242,6 +252,8 @@ export default {
       addAllSelectionToProject,
       removeProjSelectionFromProject,
       updateSelectedProject,
+      handleEditFocus,
+      resetProjectEdit,
     };
   },
 };
@@ -295,7 +307,9 @@ export default {
               hide-details
               autofocus
               @keydown.stop
+              @keydown.esc="resetProjectEdit"
               @keydown.enter="saveProjectName"
+              @update:focused="handleEditFocus"
             />
             <span v-else>{{ title }}</span>
           </template>
@@ -339,7 +353,8 @@ export default {
             density="compact"
             autofocus
             @keydown.enter="create"
-            @keydown.esc="projectConfigMode = 'existing'"
+            @keydown.esc="resetProjectEdit"
+            @update:focused="handleEditFocus"
           />
           <v-btn
             color="primary"