jiazhizhong/OpenIsle
1
0
Fork 0
mirror of https://github.com/nagisa77/OpenIsle.git synced 2026-02-26 08:00:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: scroll to comment editor when opened

Browse Source
This commit is contained in:
Tim
2025-08-10 12:27:32 +08:00
parent 8c1386a2d0
commit f50541bff7
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend_nuxt/components/CommentItem.vue
View File

@@ -42,7 +42,7 @@
</div>
</ReactionsGroup>
</div>
<div class="comment-editor-wrapper">
<div class="comment-editor-wrapper" ref="editorWrapper">
<CommentEditor v-if="showEditor" @submit="submitReply" :loading="isWaitingForReply" :disabled="!loggedIn"
:show-login-overlay="!loggedIn" />
</div>
@@ -65,7 +65,7 @@
</template>
<script>
import { ref, watch, computed } from 'vue'
import { ref, watch, computed, nextTick } from 'vue'
import VueEasyLightbox from 'vue-easy-lightbox'
import { useRouter } from 'vue-router'
import CommentEditor from './CommentEditor.vue'
@@ -106,6 +106,7 @@ const CommentItem = {
}
)
const showEditor = ref(false)
const editorWrapper = ref(null)
const isWaitingForReply = ref(false)
const lightboxVisible = ref(false)
const lightboxIndex = ref(0)
@@ -118,6 +119,11 @@ const CommentItem = {
}
const toggleEditor = () => {
showEditor.value = !showEditor.value
if (showEditor.value) {
nextTick(() => {
editorWrapper.value?.scrollIntoView({ behavior: 'smooth', block: 'nearest' })
})
}
}
// 合并所有子回复为一个扁平数组
@@ -239,7 +245,7 @@ const CommentItem = {
lightboxVisible.value = true
}
}
return { showReplies, toggleReplies, showEditor, toggleEditor, submitReply, copyCommentLink, renderMarkdown, isWaitingForReply, commentMenuItems, deleteComment, lightboxVisible, lightboxIndex, lightboxImgs, handleContentClick, loggedIn, replyCount, replyList, getMedalTitle }
return { showReplies, toggleReplies, showEditor, toggleEditor, submitReply, copyCommentLink, renderMarkdown, isWaitingForReply, commentMenuItems, deleteComment, lightboxVisible, lightboxIndex, lightboxImgs, handleContentClick, loggedIn, replyCount, replyList, getMedalTitle, editorWrapper }
}
}