storybookjs/storybook

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

Closed

#35,067 opened on Jun 5, 2026

View on GitHubContributor guide
 (3 comments) (1 reaction) (0 assignees)TypeScript (10,058 forks)batch import
addon: viewportbuggood first issuesev:S4ui

Repository metrics

Stars
 (89,909 stars)
PR merge metrics
 (Avg merge 7d 22h) (184 merged PRs in 30d)

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

Research direction
Examine the viewport toolbar component and its active state logic when a custom viewport is selected.
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