mirrors/opencode
1
0
Fork 0
mirror of https://github.com/sst/opencode.git synced 2025-12-23 10:11:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

fix: auto-scroll

Browse source
This commit is contained in:
Adam 2025-12-17 15:58:54 -06:00
parent 31645f5578
commit a168d854f4
No known key found for this signature in database
GPG key ID: 9CB48779AF150E75
1 changed files with 8 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -56,6 +56,7 @@ export function SessionTurn(
})
let scrollRef: HTMLDivElement | undefined
let lastScrollTop = 0
const [state, setState] = createStore({
contentRef: undefined as HTMLDivElement | undefined,
stickyTitleRef: undefined as HTMLDivElement | undefined,
@ -84,11 +85,14 @@ export function SessionTurn(
function handleScroll() {
if (!scrollRef || state.autoScrolled) return
const { scrollTop, scrollHeight, clientHeight } = scrollRef
const atBottom = scrollHeight - scrollTop - clientHeight < 50
if (!atBottom && working()) {
const { scrollTop } = scrollRef
// only mark as user scrolled if they actively scrolled upward
// content growth increases scrollHeight but never decreases scrollTop
const scrolledUp = scrollTop < lastScrollTop - 10
if (scrolledUp && working()) {
setState("userScrolled", true)
}
lastScrollTop = scrollTop
}
function handleInteraction() {
@ -103,6 +107,7 @@ export function SessionTurn(
requestAnimationFrame(() => {
scrollRef?.scrollTo({ top: scrollRef.scrollHeight, behavior: "smooth" })
requestAnimationFrame(() => {
lastScrollTop = scrollRef?.scrollTop ?? 0
setState("autoScrolled", false)
})
})