claude-code - 💡(How to fix) Fix Preview pane: bring back the device-size / viewport switcher button

Official PRs (…)
ON THIS PAGE

Recommended Tools

×6

Utilities matched from this issue’s tags and category — try them while you read without losing context.

GitHub issue graph ai analysis

Paste a GitHub issue URL. We fetch that issue, discover linked issues from bodies/comments/timeline, collect linked pull requests, and produce a structured English report.

The report is written in English Markdown for sharing and archival.

Helpful · Quick feedback

Loading…

Error Message

Error Messages/Logs

Fix Action

Fix / Workaround

I work on a mobile-first Ionic/Angular app, so I need to view the preview at mobile dimensions almost constantly. With the button gone, the only way to resize the viewport is to ask Claude to call the preview_resize MCP tool each time. That's a slower, indirect workaround for what used to be a one-click action, and it means I can't quickly flip between sizes while eyeballing a responsive layout.

RAW_BUFFERClick to expand / collapse

Preflight Checklist

  • I have searched existing issues and this hasn't been reported yet
  • This is a single bug report (please file separate reports for different bugs)
  • I am using the latest version of Claude Code

What's Wrong?

Description:

A recent Claude Code update removed the device-size switcher button from the preview pane toolbar. Previously this button let me toggle the preview viewport between mobile / tablet / desktop directly from the UI.

Impact:

I work on a mobile-first Ionic/Angular app, so I need to view the preview at mobile dimensions almost constantly. With the button gone, the only way to resize the viewport is to ask Claude to call the preview_resize MCP tool each time. That's a slower, indirect workaround for what used to be a one-click action, and it means I can't quickly flip between sizes while eyeballing a responsive layout.

Expected behavior:

The preview toolbar should include a viewport/device-size control (mobile / tablet / desktop presets, ideally custom dimensions too), as it did before.

Environment:

Claude Code on Windows 10 Preview pane / Claude Preview MCP

What Should Happen?

Just add the botton back

Error Messages/Logs

Steps to Reproduce

Look at the preview of your running code, there is no button anymore

Claude Model

None

Is this a regression?

Yes, this worked in a previous version

Last Working Version

No response

Claude Code Version

Version 1.7196.0 (2dbd78)

Platform

Anthropic API

Operating System

macOS

Terminal/Shell

Terminal.app (macOS)

Additional Information

No response

Vote matrix · Quick signals

Works
Did the solution work? Tap to confirm.
Easy Fix
Was it a quick fix?
Time Saver
Did it save you time?
Blocking
Was it severely blocking?
Common Issue
Are others likely hitting this too?
Flaky / Intermittent
Is it intermittent?
Verified / Reproducible
Can you reproduce it reliably?
Loading…

Still need to ship something?

×6

Another batch ranked right after the header list — different links, same matching logic.

Back to top recommendations

TRENDING

claude-code - 💡(How to fix) Fix Preview pane: bring back the device-size / viewport switcher button