From 17885f60912b07f397a817a6bfc02436507ac817 Mon Sep 17 00:00:00 2001
From: SiriusXT <1160925501@qq.com>
Date: Fri, 6 Jun 2025 19:09:25 +0800
Subject: [PATCH] fix(tab-row): Remove smooth scrolling

---
 apps/client/src/widgets/tab_row.ts | 34 +++++-------------------------
 1 file changed, 5 insertions(+), 29 deletions(-)

diff --git a/apps/client/src/widgets/tab_row.ts b/apps/client/src/widgets/tab_row.ts
index 6e212f6f6..776f379a9 100644
--- a/apps/client/src/widgets/tab_row.ts
+++ b/apps/client/src/widgets/tab_row.ts
@@ -385,41 +385,17 @@ export default class TabRowWidget extends BasicWidget {
     };
 
     setupScrollEvents() {
-        let pendingScroll = 0;
-        let isScrolling = false;
-        const stepScroll = () => {
-            if (Math.abs(pendingScroll) > 20) {
-                const step = Math.round(pendingScroll * 0.2);
-                pendingScroll -= step;
-                this.scrollTabContainer(step, "instant");
-                requestAnimationFrame(stepScroll);
-            } else {
-                this.scrollTabContainer(pendingScroll, "instant");
-                pendingScroll = 0;
-                isScrolling = false;
-            }
-        };
-        this.$tabScrollingContainer[0].addEventListener('wheel', async (event) => {
+        this.$tabScrollingContainer.on('wheel', (event) => {
+            const wheelEvent = event.originalEvent as WheelEvent;
             if (utils.isCtrlKey(event) || event.altKey || event.shiftKey) {
                 return;
             }
             event.preventDefault();
-            event.stopImmediatePropagation();
 
-            // Set an upper limit to avoid scrolling too fast
-            // no lower limit is set because touchpad deltas are usually small
-            const delta = Math.sign(event.deltaX + event.deltaY) * Math.min(Math.abs(event.deltaX + event.deltaY), TAB_CONTAINER_MIN_WIDTH * 3);
+            const delta = Math.sign(wheelEvent.deltaX + wheelEvent.deltaY) *
+                Math.min(Math.abs(wheelEvent.deltaX + wheelEvent.deltaY), TAB_CONTAINER_MIN_WIDTH * 2);
 
-            // Check if the device has reduced motion enabled
-            if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
-                this.scrollTabContainer(delta, "instant");
-            } else {
-                pendingScroll += delta
-                if (!isScrolling) {
-                    isScrolling = true;
-                    stepScroll();
-                }
-            }
+            this.scrollTabContainer(delta, "instant");
         });
 
         this.$scrollButtonLeft[0].addEventListener('click', () => this.scrollTabContainer(-200));