From 088608abcfc6c2e41eb77f57303148ee8657c641 Mon Sep 17 00:00:00 2001
From: Shivam Mishra <scm.mymail@gmail.com>
Date: Mon, 19 May 2025 19:45:02 +0530
Subject: [PATCH] feat: disable elastic scrolling

---
 app/javascript/ui/MessageList.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/app/javascript/ui/MessageList.vue b/app/javascript/ui/MessageList.vue
index 1a8ec4644..88f5cd609 100644
--- a/app/javascript/ui/MessageList.vue
+++ b/app/javascript/ui/MessageList.vue
@@ -96,7 +96,7 @@ useInfiniteScroll(messageListRef, useThrottleFn(fetchMore, 1000), {
   <div class="relative">
     <ul
       ref="messageListRef"
-      class="px-4 pt-4 flex flex-col-reverse pb-64 bg-n-background h-screen overflow-scroll"
+      class="px-4 pt-4 flex flex-col-reverse pb-64 bg-n-background overflow-scroll h-screen"
     >
       <div
         v-if="isAnyoneTyping"
@@ -128,3 +128,10 @@ useInfiniteScroll(messageListRef, useThrottleFn(fetchMore, 1000), {
     </div>
   </div>
 </template>
+
+<style>
+/* this will disable elastic scrolling on the y axis  */
+* {
+  overscroll-behavior-y: none;
+}
+</style>