angular-material - mat-horizontal-stepper steps going out of view

Question

I am using Mat-Horizontal-stepper and I have more than 12 steps. I am rendering the stepper in Mat-Card component. The issue is that mat stepper steps are going out of card container and causing horizontal scroll. Is there any way to fix this issue?

标签： angular-material

Answer 1

你可以改变你mat-horizontal-stepper的 by <mat-vertical-stepper>，这样就不会有水平溢出的问题。

在其他情况下，您可以尝试为类添加一些样式.mat-horizontal-stepper-header-container