Make chat scrolling events passive

c684d23476f20130e8d2996cb13fd60d5afc1dc7

Cohee <18619528+Cohee1207@users.noreply.github.com>

public/script.js+9 -6 Viewed

         $('#groupCurrentMemberListToggle .inline-drawer-icon').trigger('click');
     }, 200);
-    $('#chat').on('wheel touchstart', () => {
-        scrollLock = true;
-    });
     $(document).on('click', '.api_loading', cancelStatusCheck);
     //////////INPUT BAR FOCUS-KEEPING LOGIC/////////////

             immediately ? autoFitEditTextArea(e.target) : autoFitEditTextAreaDebounced(e.target);
+        }
     });
-    document.getElementById('chat').addEventListener('scroll', function () {
+    const chatElement = document.getElementById('chat');
+    chatElement.addEventListener('wheel', function () {
+        scrollLock = true;
+    }, { passive: true });
+    chatElement.addEventListener('touchstart', function () {
+        scrollLock = true;
+    }, { passive: true });
+    chatElement.addEventListener('scroll', function () {
         if (is_use_scroll_holder) {
             this.scrollTop = scroll_holder;
             is_use_scroll_holder = false;
+        }
-    });
+    }, { passive: true });
     $(document).on('click', '.mes', function () {
         //when a 'delete message' parent div is clicked