Browse Source

Merge pull request #1666 from GitlyHallows/provider-settings-scroll-bug

Added support for scrolling in the ‘Open in Editor’ instance, similar…
Chris Estreich 10 months ago
parent
commit
d1fa1e9650
1 changed files with 20 additions and 1 deletions
  1. 20 1
      webview-ui/src/components/settings/SettingsView.tsx

+ 20 - 1
webview-ui/src/components/settings/SettingsView.tsx

@@ -337,7 +337,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">