diff options
| author | かっこかり <67428053+kakkokari-gtyih@users.noreply.github.com> | 2025-03-03 17:17:20 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-03-03 08:17:20 +0000 |
| commit | bbe404a0b2bb83338b7d6efd5517feba01f37174 (patch) | |
| tree | 2a530472ebc4dd20de2a4668d6b1852928b5e5f9 | |
| parent | fix(frontend): フォローされたときのメッセージのshadowがち... (diff) | |
| download | sharkey-bbe404a0b2bb83338b7d6efd5517feba01f37174.tar.gz sharkey-bbe404a0b2bb83338b7d6efd5517feba01f37174.tar.bz2 sharkey-bbe404a0b2bb83338b7d6efd5517feba01f37174.zip | |
fix(frontend): 投稿フォームがオーバーフローした際にスクロールできるように (#15571)
* fix(frontend): 投稿フォームがオーバーフローした際にスクロールできるように
* Update Changelog
* remove unused props
| -rw-r--r-- | CHANGELOG.md | 1 | ||||
| -rw-r--r-- | packages/frontend/src/components/MkPostForm.vue | 2 | ||||
| -rw-r--r-- | packages/frontend/src/components/MkPostFormDialog.vue | 19 |
3 files changed, 20 insertions, 2 deletions
diff --git a/CHANGELOG.md b/CHANGELOG.md index 7fa5c6caf9..7e738466d2 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -8,6 +8,7 @@ - Enhance: モデレーターがセンシティブ設定を変更する際に確認ダイアログを出すように - Fix: 削除して編集の削除タイミングを投稿後になるように `#14498` - Fix: フォローされたときのメッセージがちらつくことがある問題を修正 +- Fix: 投稿ダイアログがサイズ限界を超えた際にスクロールできない問題を修正 ### Server - Fix: 特定のケースでActivityPubの処理がデッドロックになることがあるのを修正 diff --git a/packages/frontend/src/components/MkPostForm.vue b/packages/frontend/src/components/MkPostForm.vue index 963aaaa2de..4e29f0c0d5 100644 --- a/packages/frontend/src/components/MkPostForm.vue +++ b/packages/frontend/src/components/MkPostForm.vue @@ -1082,6 +1082,8 @@ defineExpose({ &.modal { width: 100%; max-width: 520px; + overflow-x: clip; + overflow-y: auto; } } diff --git a/packages/frontend/src/components/MkPostFormDialog.vue b/packages/frontend/src/components/MkPostFormDialog.vue index 32d8df1504..4bef5824fe 100644 --- a/packages/frontend/src/components/MkPostFormDialog.vue +++ b/packages/frontend/src/components/MkPostFormDialog.vue @@ -4,8 +4,23 @@ SPDX-License-Identifier: AGPL-3.0-only --> <template> -<MkModal ref="modal" :preferType="'dialog'" @click="modal?.close()" @closed="onModalClosed()" @esc="modal?.close()"> - <MkPostForm ref="form" :class="$style.form" v-bind="props" autofocus freezeAfterPosted @posted="onPosted" @cancel="modal?.close()" @esc="modal?.close()"/> +<MkModal + ref="modal" + :preferType="'dialog'" + @click="modal?.close()" + @closed="onModalClosed()" + @esc="modal?.close()" +> + <MkPostForm + ref="form" + :class="$style.form" + v-bind="props" + autofocus + freezeAfterPosted + @posted="onPosted" + @cancel="modal?.close()" + @esc="modal?.close()" + /> </MkModal> </template> |