I am currently utilizing mat stepper and it automatically collapses all inactive states. However, I do not want this behavior. Instead, I would like to display the inactive states in expanded mode as well.
<mat-vertical-stepper #stepper [linear]="isLinear">
<mat-step *ngFor="let currentUserInteraction of
currentUserInteractions" [stepControl]="currentUserInteraction.key">
<ng-template matStepLabel>
{{currentUserInteraction.name}}
</ng-template>
<mat-expansion-panel>
<mat-expansion-panel-header>
</mat-expansion-panel-header>
</mat-expansion-panel>
</mat-step>
</mat-vertical-stepper>
currentUserInteractions = [
{name: 'first', key: 'firstStep'},
{name: 'second', key: 'secondStep'},
{name: 'third', key: 'thirdStep'},
{name: 'fourth', key: 'fourthStep'},
];