[FEATURE] Add zoom controls to the embedded browser Preview panel

Resolved 💬 3 comments Opened Mar 16, 2026 by dominikduennebacke Closed Apr 14, 2026

Preflight Checklist

  • [x] I have searched existing requests and this feature hasn't been requested yet
  • [x] This is a single feature request (not multiple features)

Problem Statement

The embedded browser Preview panel in Claude Code Desktop has no way to adjust the zoom level of the rendered page. When previewing a webapp, the content renders at 100% scale within whatever width the panel has. For apps with dense UIs, small text, or layouts designed for wider viewports, this makes it difficult to inspect details or verify styling without resizing the entire application window.

The only current workarounds are:

  • OS-level zoom (Cmd+/- or Ctrl+/-), which scales the entire Claude Desktop window including chat, diffs, and toolbar — not just the preview
  • Dragging the panel divider to give the preview more width, which changes the viewport rather than zooming
  • Temporarily hacking CSS in the previewed app (e.g. transform: scale() on body), which requires code changes just to inspect the UI

None of these let you quickly zoom in to check a detail or zoom out to see the full layout within the preview panel itself.

Proposed Solution

Add zoom controls to the Preview panel. This could be:

  • A zoom dropdown or slider in the Preview toolbar (e.g. 50% / 75% / 100% / 125% / 150%)
  • Keyboard shortcuts scoped to the Preview panel (e.g. Cmd+/- or Ctrl+/- when the preview is focused)
  • Ctrl+scroll wheel (or Cmd+scroll wheel on macOS) to zoom in/out, matching standard browser behavior
  • Pinch-to-zoom support on trackpads

The zoom level should persist across page reloads within the same session but reset to 100% on new sessions.

Alternative Solutions

  • Using an external browser instead of the embedded preview — this works but defeats the purpose of the integrated preview + click-to-edit workflow
  • Browser DevTools responsive mode via MCP — adds complexity and isn't natively integrated

Priority

Medium - Would be very helpful

Feature Category

Other

Use Case Example

_No response_

Additional Context

_No response_

View original on GitHub ↗

This issue has 3 comments on GitHub. Read the full discussion on GitHub ↗