🐛 fix: LeftControls 展開時に textarea の autosize.update が走るように

traPtitech · Feb 4, 2025 · 13a0424 · 13a0424
1 parent 1c799d4
commit 13a0424
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/src/components/Main/MainView/MessageInput/MessageInput.vue b/src/components/Main/MainView/MessageInput/MessageInput.vue
@@ -32,6 +32,9 @@
         :show-text-area-expand-button="showTextAreaExpandButton"
         :class="$style.leftControls"
         @click-add-attachment="addAttachment"
+        @toggle-left-controls-expanded="
+          textareaComponentRef?.textareaAutosizeRef?.autosizeUpdateTextarea
+        "
       />
       <message-input-text-area
         ref="textareaComponentRef"
@@ -153,13 +156,11 @@ const showKeyGuide = computed(
     (sendWithModifierKey.value !== 'modifier' || canPostMessage.value)
 )
 
-const textareaComponentRef = ref<{
-  textareaAutosizeRef: { $el: HTMLTextAreaElement }
-}>()
+const textareaComponentRef = ref<InstanceType<typeof MessageInputTextArea>>()
 const containerEle = ref<HTMLDivElement>()
 const { toggleStampPicker } = useTextStampPickerInvoker(
   toRef(state, 'text'),
-  computed(() => textareaComponentRef.value?.textareaAutosizeRef.$el),
+  computed(() => textareaComponentRef.value?.textareaAutosizeRef?.$el),
   containerEle
 )
 

diff --git a/src/components/Main/MainView/MessageInput/MessageInputLeftControls.vue b/src/components/Main/MainView/MessageInput/MessageInputLeftControls.vue
@@ -48,11 +48,13 @@ const emit = defineEmits<{
   (e: 'update:isPreviewShown', _v: boolean): void
   (e: 'clickAddAttachment'): void
   (e: 'update:isInputTextAreaExpanded', _v: boolean): void
+  (e: 'toggleLeftControlsExpanded'): void
 }>()
 
 const { isMobile } = useResponsiveStore()
 const toggleLeftControlsExpanded = () => {
   emit('update:isLeftControlsExpanded', !props.isLeftControlsExpanded)
+  emit('toggleLeftControlsExpanded')
 }
 const toggleIsInputTextAreaExpanded = () => {
   emit('update:isInputTextAreaExpanded', !props.isInputTextAreaExpanded)