fix(app): message list overflow & scrolling (#9530)
This commit is contained in:
parent
b91b76e9eb
commit
4ddfa86e7f
1 changed files with 13 additions and 5 deletions
|
|
@ -824,10 +824,22 @@ export default function Page() {
|
||||||
})
|
})
|
||||||
|
|
||||||
const isWorking = createMemo(() => status().type !== "idle")
|
const isWorking = createMemo(() => status().type !== "idle")
|
||||||
|
|
||||||
const autoScroll = createAutoScroll({
|
const autoScroll = createAutoScroll({
|
||||||
working: isWorking,
|
working: () => true
|
||||||
})
|
})
|
||||||
|
|
||||||
|
createEffect(
|
||||||
|
on(
|
||||||
|
isWorking,
|
||||||
|
(working, prev) => {
|
||||||
|
if (!working || prev) return
|
||||||
|
autoScroll.forceScrollToBottom()
|
||||||
|
},
|
||||||
|
{ defer: true },
|
||||||
|
),
|
||||||
|
)
|
||||||
|
|
||||||
let scrollSpyFrame: number | undefined
|
let scrollSpyFrame: number | undefined
|
||||||
let scrollSpyTarget: HTMLDivElement | undefined
|
let scrollSpyTarget: HTMLDivElement | undefined
|
||||||
|
|
||||||
|
|
@ -1340,10 +1352,6 @@ export default function Page() {
|
||||||
classList={{
|
classList={{
|
||||||
"min-w-0 w-full max-w-full": true,
|
"min-w-0 w-full max-w-full": true,
|
||||||
"md:max-w-200": !showTabs(),
|
"md:max-w-200": !showTabs(),
|
||||||
"last:min-h-[calc(100vh-5.5rem-var(--prompt-height,8rem)-64px)] md:last:min-h-[calc(100vh-4.5rem-var(--prompt-height,10rem)-64px)]":
|
|
||||||
platform.platform !== "desktop",
|
|
||||||
"last:min-h-[calc(100vh-7rem-var(--prompt-height,8rem)-64px)] md:last:min-h-[calc(100vh-6rem-var(--prompt-height,10rem)-64px)]":
|
|
||||||
platform.platform === "desktop",
|
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<SessionTurn
|
<SessionTurn
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue