Merge pull request #1750 from RooVetGit/cte/settings-scroll-cleanup

Clean up CSS for settings view wheel scroll
This commit is contained in:
Chris Estreich 2025-03-17 12:28:52 -07:00 committed by GitHub
commit 69cc6c1f7f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 7 additions and 13 deletions

View file

@ -0,0 +1,5 @@
---
"roo-cline": patch
---
Fix SettingsView scrolling in VSCode editor tab

View file

@ -338,24 +338,13 @@ const SettingsView = forwardRef<SettingsViewRef, SettingsViewProps>(({ onDone },
</TabHeader>
<TabContent
className="p-0 divide-y divide-vscode-sideBar-background"
className="p-0 divide-y divide-vscode-sideBar-background will-change-scroll"
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
}}
onWheel={(e) => (e.currentTarget.scrollTop += e.deltaY)}
onScroll={handleScroll}>
<div ref={providersRef}>
<SectionHeader>