🐛 fix: textarea の height が max-height を超えた時にのみ拡張ボタンが表示されるように条件を改善

src/components/Main/MainView/MessageInput/MessageInputTextArea.vue

@@ -143,16 +143,19 @@ const onBlur = () => {
   emit('blur')
 }
 
+const textAreaAutoSizeMaxHeightShrunk = computed(() =>
+  isMobile.value ? 70 : 160
+)
+
 const textAreaAutoSizeMaxHeight = computed(() => {
   if (props.isMaxHeightNone) {
     return 'none'
   }
-
-  if (isMobile.value) {
-    return props.isInputTextAreaExpanded ? '140px' : '70px'
-  } else {
-    return props.isInputTextAreaExpanded ? '320px' : '160px'
-  }
+  return (
+    (props.isInputTextAreaExpanded
+      ? textAreaAutoSizeMaxHeightShrunk.value * 2
+      : textAreaAutoSizeMaxHeightShrunk.value) + 'px'
+  )
 })
 
 const scollbarWidth = getScrollbarWidth()
@@ -168,24 +171,18 @@ const showIsInputTextAreaExpandedButton = defineModel<boolean>(
   }
 )
 
-const updateTextareaExpandButtonVisibility = () => {
-  if (textareaRef.value) {
-    const height = textareaRef.value.scrollHeight
-    if (isMobile.value) {
-      showIsInputTextAreaExpandedButton.value = height >= 70
-    } else {
-      showIsInputTextAreaExpandedButton.value = height >= 160
+const updateShowIsInputTextareaExpandButtonVisibility = () => {
+  nextTick(() => {
+    if (textareaRef.value) {
+      showIsInputTextAreaExpandedButton.value =
+        textareaRef.value.scrollHeight > textAreaAutoSizeMaxHeightShrunk.value
     }
-  }
+  })
 }
 
 watch(
-  value,
-  () => {
-    nextTick(() => {
-      updateTextareaExpandButtonVisibility()
-    })
-  },
+  [() => textareaRef.value?.scrollHeight, value],
+  updateShowIsInputTextareaExpandButtonVisibility,
   { immediate: true }
 )
 </script>