From 08477021d12f2d4e8c835b62840754cc9f83857c Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Wed, 16 Mar 2022 10:51:54 +0300
Subject: [PATCH] Scroll horizontally with mouse wheel

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 src/renderer/components/dock/dock-tabs.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/renderer/components/dock/dock-tabs.tsx b/src/renderer/components/dock/dock-tabs.tsx
index 97cb3d05fa..8eb02c96c1 100644
--- a/src/renderer/components/dock/dock-tabs.tsx
+++ b/src/renderer/components/dock/dock-tabs.tsx
@@ -61,6 +61,14 @@ export const DockTabs = ({ tabs, autoFocus, selectedTab, onChangeTab }: DockTabs
     setShowScrollbar(allTabsShrinked);
   };
 
+  const scrollTabsWithMouseWheel = (left: number) => {
+    elem.current?.children[0]?.scrollBy({ left });
+  };
+
+  const onMouseWheel = (event: React.WheelEvent) => {
+    scrollTabsWithMouseWheel(event.deltaY);
+  };
+
   useEffect(() => {
     const cssVars = cssVar(elem.current);
 
@@ -82,6 +90,7 @@ export const DockTabs = ({ tabs, autoFocus, selectedTab, onChangeTab }: DockTabs
         autoFocus={autoFocus}
         value={selectedTab}
         onChange={onChangeTab}
+        onWheel={onMouseWheel}
         scrollable={showScrollbar}
         className={styles.tabs}
       >