🐛 fix: src/components/UI/TextareaAutosize.vue で max-height 変更時に autos…

…ize.update が走るように
traPtitech · Feb 2, 2025 · 5f296a0 · 5f296a0
1 parent 0a1d323
commit 5f296a0
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git 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
@@ -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)