From a0fb214332f0481eb6674883db041be20b68b585 Mon Sep 17 00:00:00 2001
From: retoor <retoor@molodetz.nl>
Date: Fri, 23 May 2025 01:17:34 +0200
Subject: [PATCH] Updated dem glow.

---
 src/snek/static/message-list.js | 9 ++++++++-
 src/snek/templates/sandbox.html | 2 +-
 src/snek/templates/web.html     | 7 +++----
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/snek/static/message-list.js b/src/snek/static/message-list.js
index dfa0490..a435996 100644
--- a/src/snek/static/message-list.js
+++ b/src/snek/static/message-list.js
@@ -13,11 +13,18 @@ class MessageList extends HTMLElement {
       this.updateMessageText(data.uid, data);
     });
     app.ws.addEventListener("set_typing", (data) => {
-      this.triggerGlow(data.user_uid);
+      this.triggerGlow(data.user_uid,data.color);
     });
 
     this.items = [];
   }
+  scrollToBottom(force) {
+    
+   // if (force) {
+      // this.scrollTop = this.scrollHeight;
+      this.querySelector(".message-list-bottom").scrollIntoView();
+   // }
+  }
   updateMessageText(uid, message) {
     const messageDiv = this.querySelector('div[data-uid="' + uid + '"]');
 
diff --git a/src/snek/templates/sandbox.html b/src/snek/templates/sandbox.html
index f77101a..46a617a 100644
--- a/src/snek/templates/sandbox.html
+++ b/src/snek/templates/sandbox.html
@@ -126,7 +126,7 @@ function updateStarColorDelayed(color) {
 }
 app.updateStarColor = updateStarColorDelayed;
 app.ws.addEventListener("set_typing", (data) => {
-  updateStarColorDelayed(data.data.color);
+  updateStarColorDelayed(data.color);
 });
 window.createAvatar = () => {
     let avatar = document.createElement("avatar-face")
diff --git a/src/snek/templates/web.html b/src/snek/templates/web.html
index 2bbf947..cbb8ea4 100644
--- a/src/snek/templates/web.html
+++ b/src/snek/templates/web.html
@@ -11,7 +11,7 @@
             {{ message.html }}
             {% endautoescape %}
         {% endfor %}
-        <div class class="message-list-bottom"></div>
+        <div class="message-list-bottom"></div>
     </message-list>
     <chat-input live-type="false" channel="{{ channel.uid.value }}"></chat-input>
 </section>
@@ -185,9 +185,8 @@
         });
         lastMessage = messagesContainer.querySelector(".message:last-child");
         if (doScrollDown) {
-            lastMessage?.scrollIntoView({ block: "end", inline: "nearest" });
-             
-             chatInputField.scrollIntoView({ block: "end", inline: "nearest" });
+            messagesContainer.scrollToBottom()
+
         }
     }