diff options
| author | Kit La Touche <kit@transneptune.net> | 2025-02-25 22:48:59 -0500 |
|---|---|---|
| committer | Kit La Touche <kit@transneptune.net> | 2025-02-25 22:50:39 -0500 |
| commit | c949a626b07540cbf324481d310b9842e6f8307e (patch) | |
| tree | cef559e5e94660692d8ffa547af9aa833d6901a0 /ui/lib/components/ActiveChannel.svelte | |
| parent | 8cdc6a686644fbf9de6e91ae622f47e23bf7bb23 (diff) | |
Don't scroll all the time as messages are added
Only once on load, then once per new message.
Diffstat (limited to 'ui/lib/components/ActiveChannel.svelte')
| -rw-r--r-- | ui/lib/components/ActiveChannel.svelte | 6 |
1 files changed, 6 insertions, 0 deletions
diff --git a/ui/lib/components/ActiveChannel.svelte b/ui/lib/components/ActiveChannel.svelte index f7837aa..30b8385 100644 --- a/ui/lib/components/ActiveChannel.svelte +++ b/ui/lib/components/ActiveChannel.svelte @@ -2,6 +2,12 @@ import MessageRun from './MessageRun.svelte'; let { messageRuns, deleteMessage = async (id) => {} } = $props(); + + $effect(() => { + // This is just to force it to track messageRuns. + const _ = messageRuns; + document.querySelector('.message-run:last-child .message:last-child').scrollIntoView(); + }); </script> {#each messageRuns as { sender, ownMessage, messages }} |