angular / angular/components

make mat-step-header header scrollable

Abierto
#15,181 6 comentarios 7 reacciones 0 asignados Ver en GitHub
area: material/stepper feature P4
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)

screenshot 2019-02-13 at 18 38 30

Guía de contribución

Abrir la 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

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.