storybookjs/storybook

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

クローズ

#35,067 opened on 2026/06/05

GitHub で見るコントリビューターガイド
 (3 件のコメント) (1 件のリアクション) (0 人の担当者)TypeScript (10,058 件のフォーク)batch import
addon: viewportbuggood first issuesev:S4ui

Repository metrics

Stars
 (89,909 個のスター)
PR merge metrics
 (平均マージ 7d 22h) (30d で 184 merged PRs)

説明

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

コントリビューターガイド

調査方針
カスタムビューポートが選択されたときのビューポートツールバーコンポーネントとそのアクティブ状態のロジックを調べてください。
技術スタック
typescriptreact
領域
frontend
Issue 種別
バグ
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
1
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1時間未満
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
アクティブ
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
明確
前提条件
GitJavaScript
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
85