Skip to content

bug(stepper): Linear mode does not allow skipping valid steps #19392

Open

Description

As far as I understand the linear mode of the horizontal / vertical stepper should disallow advancing to steps that have not yet been completed.
However when presenting an already prefilled form (such as on an edit page) to the user where most of the info is already filled out, I would expect the stepper to allow the user to skip steps which are valid based on the form validations.

Reproduction

https://stackblitz.com/edit/angular-se74ga

Steps to reproduce:

  1. Open page
  2. (notice that the components in step 1 and step 2 have been autofilled, and reload the page to reset state)
  3. Click on the 3rd step, without going to step

Expected Behavior

The stepper should allow switching to step 3. The stepControls in step 1 and 2 are valid

Actual Behavior

It's not.

Environment

  • Angular: 9.0.0
  • CDK/Material: 9.0.0
  • Browser(s): Chrome
  • Operating System (e.g. Windows, macOS, Ubuntu): N/A
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

    Labels

    P4A relatively minor issue that is not relevant to core functionsarea: cdk/stepperarea: material/stepperdocsThis issue is related to documentationneeds: discussionFurther discussion with the team is needed before proceeding

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions