make mat-step-header header scrollable
- Lenguaje dominante
- TypeScript
- Estrellas
- 25k
- Forks
- 6.8k
- Merge medio
- 1 d 8 h
- PR fusionados (30 d)
- 91
Descripción
#### Please describe the feature you would like to request.
I would like to see the mat-step-header made scrollable in a similar fashion to mat-tab. IOf you have multiple steps on a smaller resolution or inside a container with a specific width the steps simply overflow over the edge and would be better if you have a left/right scroll button on either side of the header like the mat-tab
#### What is the use-case or motivation for this proposal?
I have several apps that use the material stepper (specifically the horizontal stepper) where there are many steps in the flow, the stepper is usually displayed inside a mat-card with a specific width (responsive to difference screen sizes)
On smaller screen sizes where there are more steps than permitted on the screen the step headers simply overflow off the screen
#### Is there anything else we should know?
This is a screen shot of one example on a large mobile (width: 425px)
Guía de contribución
Línea de trabajo
Comienza comparando el comportamiento de horizontal mat-step-header con el encabezado mat-tab desplazable, centrándote en cómo gestiona cada uno muchos elementos en un contenedor estrecho. Confirma el comportamiento esperado para la captura de pantalla móvil y define como terminado evitar que los encabezados de los pasos se desborden, proporcionando al mismo tiempo controles de desplazamiento utilizables hacia la izquierda y hacia la derecha.
Escrito por el modelo de indexación a partir del texto del issue.
Evaluación
- Stack tecnológico
- angular, typescript
- Área
- frontend
- Tipo de issue
- Nueva funcionalidad
- Dificultad
- 4/5
- Tiempo estimado
- 3-5 días
- Estado de actividad
- Estancado
- Claridad
- Bastante claro
- Aptitud para principiantes
- 35/100