ceos/opencode
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(desktop): auto scroll

Browse source
This commit is contained in:
Adam 2025-12-14 06:06:07 -06:00
commit 62ffeb3987
No known key found for this signature in database
GPG key ID: 9CB48779AF150E75
1 changed files with 7 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

8
packages/ui/src/components/session-turn.tsx
View file

@ -55,11 +55,13 @@ export function SessionTurn(
userScrolled: false, userScrolled: false,
stickyHeaderHeight: 0, stickyHeaderHeight: 0,
scrollY: 0, scrollY: 0,
autoScrolling: false,
}) })
function handleScroll() { function handleScroll() {
if (!scrollRef) return if (!scrollRef) return
setState("scrollY", scrollRef.scrollTop) setState("scrollY", scrollRef.scrollTop)
if (state.autoScrolling) return
const { scrollTop, scrollHeight, clientHeight } = scrollRef const { scrollTop, scrollHeight, clientHeight } = scrollRef
const atBottom = scrollHeight - scrollTop - clientHeight < 50 const atBottom = scrollHeight - scrollTop - clientHeight < 50
if (!atBottom && working()) { if (!atBottom && working()) {
@ -74,9 +76,13 @@ export function SessionTurn(
} }
function scrollToBottom() { function scrollToBottom() {
if (!scrollRef || state.userScrolled || !working()) return if (!scrollRef || state.userScrolled || !working() || state.autoScrolling) return
setState("autoScrolling", true)
requestAnimationFrame(() => { requestAnimationFrame(() => {
scrollRef?.scrollTo({ top: scrollRef.scrollHeight, behavior: "auto" }) scrollRef?.scrollTo({ top: scrollRef.scrollHeight, behavior: "auto" })
requestAnimationFrame(() => {
setState("autoScrolling", false)
})
}) })
} }