From 207e0adc846646a4cd50311905a93e80e50674a0 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Wed, 19 Feb 2025 18:23:22 +0300
Subject: [PATCH] Escape key should close input

---
 .../components/layout/designer/dashboard/DesignDashboard.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/apps/showcase/components/layout/designer/dashboard/DesignDashboard.vue b/apps/showcase/components/layout/designer/dashboard/DesignDashboard.vue
index bfe5d9f86..5d4bd2db8 100644
--- a/apps/showcase/components/layout/designer/dashboard/DesignDashboard.vue
+++ b/apps/showcase/components/layout/designer/dashboard/DesignDashboard.vue
@@ -70,6 +70,7 @@
                             maxlength="100"
                             @blur="renameTheme(theme)"
                             @keydown.enter="onThemeNameEnterKey($event)"
+                            @keydown.escape="onThemeNameEscape($event)"
                         />
                         <i class="hidden group-hover:block pi pi-pencil !text-xs absolute top-50 text-muted-color" style="right: 2px"></i>
                     </div>
@@ -267,6 +268,10 @@ export default {
         onThemeNameEnterKey(event) {
             event.target.blur();
         },
+        onThemeNameEscape(event) {
+            event.target.blur();
+            event.stopPropagation();
+        },
         async deleteTheme(theme) {
             const { error } = await $fetch(this.designerApiUrl + '/theme/delete/' + theme.t_key, {
                 method: 'DELETE',