liuyu/openclaw
1
0
Fork 0
mirror of https://github.com/openclaw/openclaw.git synced 2026-06-06 05:51:15 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): scroll pending sends into view

Browse Source
This commit is contained in:
Vincent Koc
2026-06-03 02:22:00 -07:00
parent f49f5973b0
commit 26301f318f
2 changed files with 37 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
ui/src/ui/app-chat.ts
View File

@@ -443,7 +443,9 @@ function enqueuePendingSendMessage(
host.chatQueue = [...host.chatQueue, pending];
recordChatSendTiming(host, pending, "pending-visible", submittedAtMs);
schedulePendingSendPaintTiming(host, pending, submittedAtMs);
scheduleChatScroll(host as unknown as Parameters<typeof scheduleChatScroll>[0], true);
scheduleChatScroll(host as unknown as Parameters<typeof scheduleChatScroll>[0], true, false, {
source: "manual",
});
return pending;
}

37
ui/src/ui/e2e/chat-flow.e2e.test.ts
View File

@@ -56,6 +56,38 @@ async function chatThreadDistanceFromBottom(page: Page): Promise<number> {
});
}
async function waitForChatScrollIdle(page: Page): Promise<void> {
await expect
.poll(
() =>
page.evaluate(() => {
const app = document.querySelector("openclaw-app") as
| (Element & {
chatIsProgrammaticScroll?: boolean;
chatScrollFrame?: number | null;
chatScrollTimeout?: number | null;
})
| null;
return Boolean(
app &&
app.chatScrollFrame == null &&
app.chatScrollTimeout == null &&
!app.chatIsProgrammaticScroll,
);
}),
{ timeout: 10_000 },
)
.toBe(true);
}
async function scrollChatThreadToTop(page: Page): Promise<void> {
await page.locator(".chat-thread").evaluate((element) => {
const thread = element as HTMLElement;
thread.scrollTop = 0;
thread.dispatchEvent(new Event("scroll", { bubbles: true }));
});
}
async function controlUiEventPayloads(
page: Page,
event: string,
@@ -485,9 +517,8 @@ describeControlUiE2e("Control UI mocked Gateway E2E", () => {
.poll(() => chatThreadDistanceFromBottom(page), { timeout: 10_000 })
.toBeLessThanOrEqual(4);
await page.locator(".chat-thread").evaluate((element) => {
(element as HTMLElement).scrollTop = 0;
});
await waitForChatScrollIdle(page);
await scrollChatThreadToTop(page);
await expect
.poll(() => chatThreadDistanceFromBottom(page), { timeout: 10_000 })
.toBeGreaterThan(200);