From f2365f55b2c5e12b97c790eff4db53b71b5916de Mon Sep 17 00:00:00 2001
From: Alexander Brown <448862+DrJKL@users.noreply.github.com>
Date: Fri, 16 Jan 2026 18:58:42 -0800
Subject: [PATCH] fix: blur textarea on Escape

---
 .../assets/components/modelInfo/ModelInfoPanel.vue        | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/platform/assets/components/modelInfo/ModelInfoPanel.vue b/src/platform/assets/components/modelInfo/ModelInfoPanel.vue
index 369e855aa..a3dcb5382 100644
--- a/src/platform/assets/components/modelInfo/ModelInfoPanel.vue
+++ b/src/platform/assets/components/modelInfo/ModelInfoPanel.vue
@@ -136,11 +136,13 @@
       </ModelInfoField>
       <ModelInfoField :label="$t('assetBrowser.modelInfo.description')">
         <textarea
+          ref="descriptionTextarea"
           v-model="userDescription"
           :disabled="isImmutable"
           :placeholder="$t('assetBrowser.modelInfo.descriptionPlaceholder')"
           rows="3"
           class="w-full resize-y rounded-lg border border-transparent bg-transparent px-3 py-2 text-sm text-component-node-foreground outline-none transition-colors focus:bg-component-node-widget-background disabled:pointer-events-none"
+          @keydown.escape.stop="descriptionTextarea?.blur()"
         />
       </ModelInfoField>
     </PropertiesAccordionItem>
@@ -149,7 +151,7 @@
 
 <script setup lang="ts">
 import { useDebounceFn } from '@vueuse/core'
-import { computed, ref, watch } from 'vue'
+import { computed, ref, useTemplateRef, watch } from 'vue'
 
 import PropertiesAccordionItem from '@/components/rightSidePanel/layout/PropertiesAccordionItem.vue'
 import TagsInput from '@/components/ui/tags-input/TagsInput.vue'
@@ -176,6 +178,10 @@ import { cn } from '@/utils/tailwindUtil'
 
 import ModelInfoField from './ModelInfoField.vue'
 
+const descriptionTextarea = useTemplateRef<HTMLTextAreaElement>(
+  'descriptionTextarea'
+)
+
 const accordionClass = cn(
   'bg-modal-panel-background border-t border-border-default'
 )