From c5f5b5ccfa267df1aa91e97651fa23c5f29fdc98 Mon Sep 17 00:00:00 2001
From: Loot Nurakhmetov <77028277827@yandex.kz>
Date: Sat, 6 Jul 2024 22:23:01 +0500
Subject: [PATCH] fix: fixed the input for long values

---
 .../src/components/state/StateFieldViewer.vue  | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/packages/applet/src/components/state/StateFieldViewer.vue b/packages/applet/src/components/state/StateFieldViewer.vue
index 56e780b56..f4e333a26 100644
--- a/packages/applet/src/components/state/StateFieldViewer.vue
+++ b/packages/applet/src/components/state/StateFieldViewer.vue
@@ -204,14 +204,16 @@ async function submitDrafting() {
       </span>
       <span mx1>:</span>
       <StateFieldInputEditor v-if="editing" v-model="editingText" :custom-type="raw.customType" @cancel="toggleEditing" @submit="submit" />
-      <span :class="stateFormatClass" class="flex whitespace-nowrap">
-        <span class="flex" v-html="normalizedDisplayedValue" />
-      </span>
-      <StateFieldEditor
-        :hovering="isHovering" :disable-edit="state.disableEdit"
-        :data="data" :depth="depth" @enable-edit-input="toggleEditing"
-        @add-new-prop="addNewProp"
-      />
+      <template v-if="!editing">
+        <span :class="stateFormatClass" class="flex whitespace-nowrap">
+          <span class="flex" v-html="normalizedDisplayedValue" />
+        </span>
+        <StateFieldEditor
+          :hovering="isHovering" :disable-edit="state.disableEdit"
+          :data="data" :depth="depth" @enable-edit-input="toggleEditing"
+          @add-new-prop="addNewProp"
+        />
+      </template>
     </div>
     <div v-if="hasChildren && expanded.includes(`${depth}-${index}`)">
       <ChildStateViewer :data="normalizedDisplayedChildren" :depth="depth" :index="index" />