gorb/frontend
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

feat: update scrollToBottom()

Browse source
This commit is contained in:
SauceyRed 2025-06-07 05:45:06 +02:00
parent ccefc8ca19
commit 2c76edaa32
Signed by: sauceyred
GPG key ID: 270B096EF6E9A462
2 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

4
components/MessageArea.vue
View file

@ -144,7 +144,7 @@ if (accessToken && apiBase) {
await nextTick(); await nextTick();
if (messagesElement.value) { if (messagesElement.value) {
console.log("scrolling to bottom"); console.log("scrolling to bottom");
scrollToBottom(messagesElement); scrollToBottom(messagesElement.value);
} }
}); });
@ -168,7 +168,7 @@ const route = useRoute();
onMounted(async () => { onMounted(async () => {
if (import.meta.server) return; if (import.meta.server) return;
if (messagesElement.value) { if (messagesElement.value) {
scrollToBottom(messagesElement); scrollToBottom(messagesElement.value);
let fetched = false; let fetched = false;
const amount = messages.value.length; const amount = messages.value.length;
let offset = messages.value.length; let offset = messages.value.length;

6
utils/scrollToBottom.ts
View file

@ -1,6 +1,6 @@
export default (element: Ref<HTMLElement | undefined, HTMLElement | undefined>) => { export default (element: HTMLElement) => {
if (element.value) { if (element) {
element.value.scrollTo({ top: element.value.scrollHeight }); element.scrollTo({ top: element.scrollHeight });
return; return;
} }
} }