From 70b19a4b6b2a8a82f40ba0bd6051dd2addcf5b6f Mon Sep 17 00:00:00 2001
From: GitlyHallows <lalit.iiith@gmail.com>
Date: Sat, 15 Mar 2025 07:23:10 +0000
Subject: [PATCH] =?UTF-8?q?Added=20support=20for=20scrolling=20in=20the=20?=
 =?UTF-8?q?=E2=80=98Open=20in=20Editor=E2=80=99=20instance,=20similar=20to?=
 =?UTF-8?q?=20how=20scrolling=20functions=20in=20the=20main=20instance.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/settings/SettingsView.tsx  | 21 ++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/webview-ui/src/components/settings/SettingsView.tsx b/webview-ui/src/components/settings/SettingsView.tsx
index 1cdc1d00fa..ba49c00eeb 100644
--- a/webview-ui/src/components/settings/SettingsView.tsx
+++ b/webview-ui/src/components/settings/SettingsView.tsx
@@ -317,7 +317,26 @@ const SettingsView = forwardRef<SettingsViewRef, SettingsViewProps>(({ onDone },
 				</div>
 			</TabHeader>
 
-			<TabContent className="p-0 divide-y divide-vscode-sideBar-background" onScroll={handleScroll}>
+			<TabContent
+				className="p-0 divide-y divide-vscode-sideBar-background"
+				style={{
+					maxHeight: "calc(100vh - 6rem)",
+					height: "calc(100vh - 6rem)",
+					overflowY: "scroll",
+					overflowX: "hidden",
+					WebkitOverflowScrolling: "touch",
+					position: "relative",
+					display: "block",
+					msOverflowStyle: "-ms-autohiding-scrollbar",
+					scrollbarWidth: "auto",
+					scrollbarGutter: "stable",
+					willChange: "scroll-position",
+				}}
+				onWheel={(e) => {
+					const container = e.currentTarget
+					container.scrollTop += e.deltaY
+				}}
+				onScroll={handleScroll}>
 				<div ref={providersRef}>
 					<SectionHeader>
 						<div className="flex items-center gap-2">