angular / angular/components

Linear stepper shows edit icons instead of done icons

オープン
#8,997 コメント 20 件 リアクション 18 件 担当者 0 名 GitHub で見る
area: cdk/stepper G P4
主要言語
TypeScript
スター
25k
フォーク
6.8k
平均マージ
1日 8時間
マージ済み PR(30日)
91

説明

#### Bug:
Stepper shows edit icons instead of "done" icons

#### What is the expected behavior?
Completed steps should have a "done" icon on a linear stepper.

#### What is the current behavior?
Completed steps show an edit icon

#### What are the steps to reproduce?
https://angular-19juam.stackblitz.io
1. Fill step 1
2. Click Next
3. Notice icon on label

#### What is the use-case or motivation for changing an existing behavior?
The checkmark makes it easier to understand that a step is done. Perhaps the edit icon is still useful for `:hover` and `:focus`. Or perhaps the edit icon would work better on a non-linear stepper.

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Current build: 5.0.0-rc.3-05d726d

#### Is there anything else we should know?
On the issue #7260, it was marked as fixed but the stepper doesn't meet the material guidelines yet, and this is one of the reasons why.

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

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

調査の方向性

リンクされている StackBlitz の再現手順から始め、ステップ 1 の完了後に linear stepper を進めます。完了したステップに編集アイコンではなく "done" アイコンが表示されることを確認し、hover と focus の動作に関する issue の注記も考慮してください。Done とは、完了したステップのアイコンが期待される Material Design の動作と一致することを意味します。

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

評価

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

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

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