close
Skip to content

sessions: keep chat input above mobile keyboard - #332148

Open
Aaron Munger (amunger) wants to merge 1 commit into
mainfrom
agents/start-local-web-server-for-ui-testing
Open

sessions: keep chat input above mobile keyboard#332148
Aaron Munger (amunger) wants to merge 1 commit into
mainfrom
agents/start-local-web-server-for-ui-testing

Conversation

@amunger

Copy link
Copy Markdown
Collaborator

Summary

  • size the phone Agents workbench to the visual viewport so the chat composer remains above virtual keyboards
  • relayout Android phone sessions on visualViewport.resize while reusing the existing iOS resize path
  • add focused coverage for visual viewport height clamping and fallbacks

Fixes #332146

Validation

  • npm run transpile-client
  • npm run typecheck-client
  • focused Electron tests: mobileVisualViewport.test.ts, mobileSessionsPart.test.ts
  • Android Chromium / Pixel 7: typed composer moved from bottom 739.9 to 446.7 with a 515px visible viewport
  • iPhone WebKit / iPhone 14 Pro: typed composer moved from bottom 564 to 424 with a 520px visible viewport
  • final code review: no significant issues

Environment notes

  • npm run compile reached an unrelated existing extensions/ipynb failure for missing markdown-it declarations in this fresh worktree
  • npm run hygiene hit an unrelated Windows path resolution failure (Q:\Q:\...\remote\package.json)

Copilot AI balanced review requested due to automatic review settings August 23, 2026 03:30

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Keeps the phone Agents chat composer visible above mobile virtual keyboards.

Changes:

  • Clamp phone layouts to the visual viewport height.
  • Relayout Android sessions when the visual viewport resizes.
  • Add focused viewport clamping and fallback tests.
Show a summary per file
File Description
src/vs/sessions/browser/workbench.ts Integrates visual viewport sizing and resize handling.
src/vs/sessions/browser/parts/mobile/mobileVisualViewport.ts Adds the viewport dimension helper.
src/vs/sessions/test/browser/mobileVisualViewport.test.ts Tests height clamping and fallbacks.

Review details

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

  • Files reviewed: 3/3 changed files
  • Comments generated: 0
  • Review effort level: Balanced

@amunger
Aaron Munger (amunger) marked this pull request as ready for review August 23, 2026 15:48
@vs-code-engineering

Copy link
Copy Markdown
Contributor

📬 CODENOTIFY

The following users are being notified based on files changed in this PR:

Benjamin Christopher Simmonds (@benibenj)

Matched files:

  • src/vs/sessions/browser/parts/mobile/mobileVisualViewport.ts
  • src/vs/sessions/browser/workbench.ts

Size phone layouts to the visual viewport and relayout Android sessions when the virtual keyboard changes the visible area. Reuse the existing iOS viewport resize path and cover the dimension fallback with a focused test.\n\nFixes #332146\n\nCo-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
@amunger
Aaron Munger (amunger) force-pushed the agents/start-local-web-server-for-ui-testing branch from 1e81fc9 to e3704f9 Compare August 23, 2026 17:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Agents chat input is covered by the on-screen keyboard on Android

3 participants