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 /packages/frontend/src/components | |
| 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
Diffstat (limited to 'packages/frontend/src/components')
| -rw-r--r-- | packages/frontend/src/components/MkPostForm.vue | 2 | ||||
| -rw-r--r-- | packages/frontend/src/components/MkPostFormDialog.vue | 19 |
2 files changed, 19 insertions, 2 deletions
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> |