frontend/src/components/pages/main/ChannelView.svelte

@@ -1,7 +1,7 @@
 <script>
     import { HashIcon } from "svelte-feather-icons";
     import request from "../../../request";
-    import { apiRoute } from "../../../storage";
+import { apiRoute } from "../../../storage";
     import { messagesStoreProvider, userInfoStore } from "../../../stores";
     import Messages from "./Messages.svelte";
 
@@ -28,10 +28,9 @@
             createdAt: Date.now().toString()
         };
         messages.addMessage(optimisticMessage);
-        messageInput = "";
 
         const res = await request("POST", apiRoute(`channels/${channel.id}/messages`), true, {
-            content: optimisticMessage.content
+            content: messageInput
         });
         
         if (res.success && res.ok) {

frontend/src/components/pages/main/Messages.svelte

@@ -1,23 +1,10 @@
 <script>
-    import { afterUpdate, beforeUpdate } from "svelte";
     import { messagesStoreProvider } from "../../../stores.js";
 
     export let channelId;
-    let scrollTarget;
-    let shouldAutoscroll = false;
 
     $: messages = messagesStoreProvider.getStore(channelId);
 
-    beforeUpdate(() => {
-        shouldAutoscroll = scrollTarget && (scrollTarget.offsetHeight + scrollTarget.scrollTop) > (scrollTarget.scrollHeight - 20);
-    });
-
-    afterUpdate(() => {
-        if (shouldAutoscroll && scrollTarget) {
-            scrollTarget.scrollTo(0, scrollTarget.scrollHeight);
-        }
-    });
-
     const onScroll = (e) => {
         const { scrollTop, offsetHeight, scrollHeight } = e.target;
         if (scrollTop === 0) {
@@ -43,7 +30,7 @@
     }
 </style>
 
-<div class="messages-container" on:scroll={ onScroll } bind:this={ scrollTarget }>
+<div class="messages-container" on:scroll={ onScroll }>
     {#each $messages as message (message.id)}
         <div>
             <b>{ message.author_username }</b>