From 5f296a08352c3f8afaabdb9dbaca40844b817729 Mon Sep 17 00:00:00 2001
From: rei <h.watanabe360@gmail.com>
Date: Mon, 3 Feb 2025 00:39:33 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix:=20src/components/UI/Textare?=
 =?UTF-8?q?aAutosize.vue=20=E3=81=A7=20max-height=20=E5=A4=89=E6=9B=B4?=
 =?UTF-8?q?=E6=99=82=E3=81=AB=20autosize.update=20=E3=81=8C=E8=B5=B0?=
 =?UTF-8?q?=E3=82=8B=E3=82=88=E3=81=86=E3=81=AB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Main/MainView/MessageInput/MessageInputTextArea.vue       | 1 +
 src/components/UI/TextareaAutosize.vue                        | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/Main/MainView/MessageInput/MessageInputTextArea.vue b/src/components/Main/MainView/MessageInput/MessageInputTextArea.vue
index 6ac10a3f0..9cf40eea6 100644
--- a/src/components/Main/MainView/MessageInput/MessageInputTextArea.vue
+++ b/src/components/Main/MainView/MessageInput/MessageInputTextArea.vue
@@ -5,6 +5,7 @@
       v-model="value"
       :class="$style.textarea"
       :style="textareaAutosizeStyle"
+      :max-height="textAreaAutoSizeMaxHeight"
       :readonly="isPosting"
       placeholder="メッセージを入力"
       rows="1"
diff --git a/src/components/UI/TextareaAutosize.vue b/src/components/UI/TextareaAutosize.vue
index 131bf2d09..cfaeb041c 100644
--- a/src/components/UI/TextareaAutosize.vue
+++ b/src/components/UI/TextareaAutosize.vue
@@ -24,7 +24,7 @@ import useTextModelSyncer from '/@/composables/useTextModelSyncer'
 
 const props = defineProps<{
   modelValue: string
-  maxHeight?: number
+  maxHeight?: string
   readonly?: boolean
   placeholder?: string
   rows?: string
@@ -54,7 +54,7 @@ onMounted(() => {
     autosize(textareaEle.value)
   }
 })
-watch(toRef(props, 'modelValue'), async () => {
+watch([toRef(props, 'modelValue'), toRef(props, 'maxHeight')], async () => {
   await nextTick()
   if (textareaEle.value) {
     autosize.update(textareaEle.value)