prevent scrolling to new message when the user scrolled up

dist/index.js

@@ -453,6 +453,7 @@
         isoDate: (/* @__PURE__ */ new Date()).toISOString()
       };
       const messageString = JSON.stringify(messageObject);
+      console.log(messageString);
       UDN.sendMessage(joinedChannelName, messageString);
       this.composingMessage.value = "";
     };
@@ -908,7 +909,11 @@
         "children:append": [chat.messages, messageConverter]
       }
     );
-    chat.messages.handleAddition(() => listElement.scrollTop = listElement.scrollHeight);
+    chat.messages.handleAddition(() => {
+      const scrollFromBottom = listElement.scrollHeight - (listElement.scrollTop + listElement.offsetHeight);
+      if (scrollFromBottom > 400) return;
+      listElement.scrollTop = listElement.scrollHeight;
+    });
     return listElement;
   }
 

src/Views/threadView.tsx

@@ -65,6 +65,13 @@ export function ThreadView(chat: Chat) {
       children:append={[chat.messages, messageConverter]}
     ></div>
   );
-  chat.messages.handleAddition(() => listElement.scrollTop = listElement.scrollHeight);
+  chat.messages.handleAddition(() => {
+    const scrollFromBottom =
+      listElement.scrollHeight -
+      (listElement.scrollTop + listElement.offsetHeight);
+    if (scrollFromBottom > 400) return;
+    
+    listElement.scrollTop = listElement.scrollHeight;
+  });
   return listElement;
 }