From 5df54e6a065536bb4071302401ea2a73e7110c21 Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Wed, 29 Jul 2026 16:02:19 +0500
Subject: [PATCH] Stabilize final text autosize

---
 src/vk_parser_app/templates/editor_post.html | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/vk_parser_app/templates/editor_post.html b/src/vk_parser_app/templates/editor_post.html
index 7e5c26e..4e7f56c 100644
--- a/src/vk_parser_app/templates/editor_post.html
+++ b/src/vk_parser_app/templates/editor_post.html
@@ -124,10 +124,24 @@
       <!-- Edit Area (Auto resize textarea) -->
       <label class="block text-xs font-bold text-app-textMuted mb-2 uppercase tracking-wider">Финальный текст</label>
       <textarea name="final_text"
-                x-data="{ resize() { $el.style.height = 'auto'; $el.style.height = $el.scrollHeight + 'px' } }"
-                x-init="$nextTick(() => resize()); window.addEventListener('resize', () => $nextTick(() => resize()))"
+                x-data="{
+                  ro: null,
+                  resize() {
+                    $el.style.height = '0px';
+                    $el.style.height = $el.scrollHeight + 'px';
+                  },
+                  init() {
+                    $el.value = $el.value.replace(/\s+$/u, '');
+                    this.$nextTick(() => requestAnimationFrame(() => this.resize()));
+                    this.ro = new ResizeObserver(() => this.$nextTick(() => this.resize()));
+                    this.ro.observe($el);
+                  },
+                  destroy() {
+                    this.ro?.disconnect();
+                  }
+                }"
                 @input="resize()"
-                class="textarea w-full font-sans text-sm leading-relaxed resize-none overflow-hidden p-3 bg-app-bg border border-app-border min-h-48"
+                class="textarea w-full font-sans text-sm leading-relaxed resize-none overflow-hidden p-3 bg-app-bg border border-app-border min-h-[150px]"
                 placeholder="Напишите идеальный пост здесь...">{{ p.review_text.rstrip() }}</textarea>
       
       <!-- Meta Inputs row -->