From a4cd192617848fa4a4c8688337968f167a3fea81 Mon Sep 17 00:00:00 2001
From: Dannon Baker <dannon.baker@gmail.com>
Date: Fri, 18 Apr 2025 10:30:46 -0400
Subject: [PATCH] Add form directory input on blur as well as enter; ensure
 valid though.

---
 client/src/components/Form/Elements/FormDirectory.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/client/src/components/Form/Elements/FormDirectory.vue b/client/src/components/Form/Elements/FormDirectory.vue
index 4040d5d5241..29f12722a3f 100644
--- a/client/src/components/Form/Elements/FormDirectory.vue
+++ b/client/src/components/Form/Elements/FormDirectory.vue
@@ -35,7 +35,8 @@
                     trim
                     @keyup.enter="addPath"
                     @keydown.191.capture.prevent.stop="addPath"
-                    @keydown.8.capture="removeLastPath" />
+                    @keydown.8.capture="removeLastPath"
+                    @blur="handleBlur" />
             </b-breadcrumb-item>
         </b-breadcrumb>
 
@@ -158,6 +159,14 @@ export default {
             }
             this.$emit("input", url);
         },
+        handleBlur() {
+            if (this.currentDirectoryName && this.isValidName) {
+                const newFolder = this.currentDirectoryName;
+                this.pathChunks.push({ pathChunk: newFolder, editable: true });
+                this.currentDirectoryName = "";
+            }
+            this.updateURL();
+        },
     },
 };
 </script>