[FEATURE] Add zoom controls to the embedded browser Preview panel
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_
This issue has 3 comments on GitHub. Read the full discussion on GitHub ↗