angular / angular/components

disable horizontal scroll in virtual scroller

Abierto
#15,288 2 comentarios 30 reacciones 0 asignados Ver en GitHub
area: cdk/scrolling feature P3
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 an input for `cdk-virtual-scroll-viewport` directive which disabled the horizontal scroll, or in other words sets the width of `cdk-virtual-scroll-content-wrapper` to 100%, as opposed to just setting the min-width by default, to enable horizontal scrolling.

#### What is the use-case or motivation for this proposal?
Sometimes you have long list values and you want them to fit the width of your list and be displayed with ellipses, as opposed to having horizontal scroll. Because of how this component is implemented, putting the `min-width: 100%` in `cdk-virtual-scroll-content-wrapper` prevents me from limiting the width of the items by the parent's width.

#### Is there anything else we should know?
No.

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Comienza con la directiva cdk-virtual-scroll-viewport y los estilos de cdk-virtual-scroll-content-wrapper descritos en el issue. Traza cómo aplica actualmente el wrapper su ancho mínimo e identifica el comportamiento de entrada necesario para evitar el desplazamiento horizontal. Se considera terminado cuando los valores largos de las listas pueden ajustarse al ancho del elemento padre y mostrar puntos suspensivos sin desplazamiento horizontal.

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
3/5
Tiempo estimado
1-2 días
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
45/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.