diff --git a/packages/frontend/src/components/MkPostForm.vue b/packages/frontend/src/components/MkPostForm.vue
index b2d80c100..a4d7421ea 100644
--- a/packages/frontend/src/components/MkPostForm.vue
+++ b/packages/frontend/src/components/MkPostForm.vue
@@ -65,7 +65,7 @@ SPDX-License-Identifier: AGPL-3.0-only
{{ i18n.ts.notSpecifiedMentionWarning }} -
-
+
@@ -163,7 +163,7 @@ const emit = defineEmits<{
}>();
const textareaEl = shallowRef
(null);
-const cwInputEl = shallowRef(null);
+const cwInputEl = shallowRef(null);
const hashtagsInputEl = shallowRef(null);
const visibilityButton = shallowRef();
@@ -321,6 +321,10 @@ watch(text, () => {
checkMissingMention();
}, { immediate: true });
+watch(cw, () => {
+ nextTick(() => cwInputEl.value && autosize.update(cwInputEl.value));
+});
+
watch(visibility, () => {
checkMissingMention();
}, { immediate: true });
@@ -1121,6 +1125,7 @@ onMounted(() => {
nextTick(() => watchForDraft());
nextTick(() => textareaEl.value && autosize(textareaEl.value));
+ nextTick(() => cwInputEl.value && autosize(cwInputEl.value));
});
});
@@ -1355,6 +1360,8 @@ html[data-color-scheme=light] .preview {
z-index: 1;
padding-bottom: 8px;
border-bottom: solid 0.5px var(--MI_THEME-divider);
+ resize: vertical;
+ min-height: 2rem;
}
.hashtags {