Skip to content

bug(STEPPER): mat-step label not responsive #19958

Open
@SaiChander06

Description

@SaiChander06

Issue: Mat Label doesn't wrap by default when the mat-vertical-stepper is wrapped within responsive classes.

https://angular-ncd9ey.stackblitz.io

Steps to reproduce:

  1. The first step in the vertical stepper displays ellipsis for a step with long text

Please suggest if this should be handled via CSS or if there is a property that handles this specific use case.

Expected Behavior

Wrap the step label to next line similar to responsive design

Actual Behavior

Mat label displays ellipsis

Environment

  • Angular: 8
  • CDK/Material: 7.2.2
  • Browser(s): Chrome
  • Operating System (e.g. Windows, macOS, Ubuntu): Windows

Metadata

Metadata

Assignees

No one assigned

    Labels

    P4A relatively minor issue that is not relevant to core functionsarea: material/stepperfeatureThis issue represents a new feature or feature request rather than a bug or bug fix

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions