Skip to content

[Stepper] Step header is still in error when hasError is set to false #14333

Closed
@eprevot

Description

@eprevot

Bug, feature request, or proposal:

Bug

What is the expected behavior?

When hasError="false", the step header should show a normal label even if the step is interacted and invalid

What is the current behavior?

When hasError="false", the step header shows an error state label if the step is interacted and invalid

What are the steps to reproduce?

https://stackblitz.com/edit/angular-material2-issue-gtxr8x
Go to step 2 without filling the step 1 required input : step 1 label shows error whereas it's set to hasError="false"

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Material 7.1.0
Angular 7.1.1

Is there anything else we should know?

Behaviour is ok with hasError = true
If you set hasError="true" on a mat-step the step will always be styled as a step in error (even if it has not been interacted or is valid)

Metadata

Metadata

Assignees

Labels

P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgent

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions