fix(webui): dismiss mobile keyboard after send

2026-08-03 15:53:05 +08:00
parent 52bc79d3a0
commit a9bb39b833
2 changed files with 46 additions and 7 deletions
@@ -336,6 +336,41 @@ function longPress(badge: HTMLElement, pointerId = 7) {
 }

 describe("ThreadComposer", () => {
+  it("dismisses the touch keyboard after a successful send", async () => {
+    vi.stubGlobal("matchMedia", vi.fn((query: string) => ({
+      matches: query === "(hover: none) and (pointer: coarse)",
+      media: query,
+      onchange: null,
+      addEventListener: vi.fn(),
+      removeEventListener: vi.fn(),
+      dispatchEvent: vi.fn(),
+    })));
+    const onSend = vi.fn();
+    render(
+      <ThreadComposer
+        onSend={onSend}
+        placeholder="Type your message..."
+      />,
+    );
+
+    const input = screen.getByLabelText("Message input");
+    await act(async () => {
+      await new Promise<void>((resolve) => requestAnimationFrame(() => resolve()));
+    });
+    expect(input).not.toHaveFocus();
+    input.focus();
+    expect(input).toHaveFocus();
+    fireEvent.change(input, { target: { value: "hello from mobile" } });
+    fireEvent.click(screen.getByRole("button", { name: "Send message" }));
+    await act(async () => {
+      await new Promise<void>((resolve) => requestAnimationFrame(() => resolve()));
+    });
+
+    expect(onSend).toHaveBeenCalledWith("hello from mobile", undefined, undefined);
+    expect(input).toHaveValue("");
+    expect(input).not.toHaveFocus();
+  });
+
  it("focuses and sends a removable quoted answer excerpt", async () => {
    const onSend = vi.fn();
    const onQuotedContextChange = vi.fn();