patternfly / patternfly/patternfly-react

Bug - [Wizard: Steps sidebar] - [The step selector does not work as expected]

オープン
#11,516 コメント 2 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

Stale
主要言語
TypeScript
スター
862
フォーク
392
平均マージ
4日 8時間
マージ済み PR(30日)
9

説明

Wizard step navigation on a small window does not utilize the expected interaction

This is an issue with

  • Patternfly 5
  • Patternfly 6
  • other

Please give a clear and concise description of the problem. Which components are affected?
When a user has a wizard open at a small size the menu shifts to a dropdown. The user clicks on the dropdown to select a different step in the wizard. But the menu doesn't automatically close after new selection has been made. The user has to reclick the dropdown to close menu. This interaction is not intuitive and doesn't match the other PF selection/menu experiences.

How do you reproduce the problem?
Open wizard and reduce screen size until wizard steps appear in a dropdown. Click the dropdown to open the menu, click a different step.

Expected behavior
A clear and concise description of the expected behavior.
I would expect the menu to close automatically once the user has clicked on a step from the menu list. This would match the current PF6 behavior for dropdowns and context selectors.

Is this issue blocking you?
List the workaround if there is one.

Screenshots
If applicable, add screenshots to help explain the issue.

https://github.com/user-attachments/assets/6e02d272-072d-4a62-8152-f81c78805df5

Image

What is your environment?

  • OS: macOS Sonoma
  • Browser: Chrome
  • Version: 133.0.6943.53

What is your product and what release date are you targeting?
InstructLab/RHELAI MVP

Any other information?

コントリビューションガイド

コントリビューションガイドを開く

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

調査の方向性

wizardを開き、ステップがdropdownになるまでウィンドウを狭くしてから、別のステップを選択して問題を再現します。PatternFly 6 wizard step-selectorの実装とそのテストを追跡します。選択後にメニューが閉じ、新しいステップが選択されたままになれば完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
react, typescript
領域
frontend
issue の種類
バグ
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
48/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。