nsarrazin HF Staff commited on
Commit
2fb222a
·
unverified ·
1 Parent(s): 4df62c9

feat(front): autoscroll at bottom on ssr (#1740)

Browse files

use a reverse column flexbox so that the default scroll position is at the bottom

src/lib/components/chat/ChatWindow.svelte CHANGED
@@ -275,8 +275,8 @@
275
  {/if}
276
 
277
  {#if messages.length > 0}
278
- <div class="flex h-max flex-col gap-8 pb-52">
279
- {#each messages as message, idx (message.id)}
280
  <ChatMessage
281
  {loading}
282
  {message}
 
275
  {/if}
276
 
277
  {#if messages.length > 0}
278
+ <div class="flex h-max flex-col-reverse gap-8 pb-52">
279
+ {#each messages.toReversed() as message, idx (message.id)}
280
  <ChatMessage
281
  {loading}
282
  {message}