doomtube/beeta
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

fixes lol
All checks were successful
Build and Push / build-all (push) Successful in 9m6s
Details

Browse source
This commit is contained in:
doomtube 2026-01-08 22:57:43 -05:00
parent 9ff89fa18b
commit 7bcbc6b73b
5 changed files with 131 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

9
frontend/src/lib/components/chat/ChatPanel.svelte
View file

@ -1,5 +1,6 @@
<script>
import { onMount, onDestroy } from 'svelte';
import { get } from 'svelte/store';
import {
filteredMessages,
connectionStatus,
@ -40,6 +41,7 @@
let messagesContainer;
let autoScroll = true;
let initialScrollDone = false; // Prevent handleScroll from disabling autoScroll before initial scroll
let showMenu = false; // Combined settings + participants menu
let configCollapsed = false; // Track if config section is collapsed
let usersCollapsed = false; // Track if users section is collapsed
@ -207,13 +209,15 @@
const scrollToBottom = () => {
if (autoScroll && messagesContainer) {
requestAnimationFrame(() => {
if ($chatLayout.messagesFromTop) {
const messagesFromTop = get(chatLayout).messagesFromTop;
if (messagesFromTop) {
// column-reverse: newest at top, scroll to top
messagesContainer.scrollTop = 0;
} else {
// normal: newest at bottom, scroll to bottom
messagesContainer.scrollTop = messagesContainer.scrollHeight;
}
initialScrollDone = true;
});
}
};
@ -273,6 +277,9 @@
}
function handleScroll() {
// Ignore scroll events before initial scroll is done (prevents browser's initial position from disabling autoScroll)
if (!initialScrollDone) return;
const { scrollTop, scrollHeight, clientHeight } = messagesContainer;
if ($chatLayout.messagesFromTop) {
// column-reverse: user at "newest" means scrollTop near 0