storybookjs/storybook

[Bug]: Custom viewport does not highlight the Viewport tool as active in the toolbar

Open

#35,067 opened on Jun 5, 2026

View on GitHub
 (3 comments) (1 reaction) (0 assignees)TypeScript (89,909 stars) (10,058 forks)batch import
addon: viewportbuggood first issuesev:S4ui

Description

Describe the bug

Notice the unselected/inactive state of the viewport Select when a custom viewport is selected:

Current

Expected

Reproduction link

https://635781f3500dd2c49e189caf-catbijidrf.chromatic.com/?path=/story/core-configs--action-b&globals=viewport.value:440-355

Reproduction steps

  1. Open a story
  2. Set a viewport in the toolbar
  3. Customise the viewport
  4. Observe the toolbar viewport select with your eyes 👀

System

N/A

Additional context

No response

Contributor guide

Tech stack
typescriptreact
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
1
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
under 1 hour
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
GitJavaScript
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
85
Research direction
Examine the viewport toolbar component and its active state logic when a custom viewport is selected.