angular / angular/components

disable horizontal scroll in virtual scroller

Ouverte
#15,288 2 commentaires 30 réactions 0 personnes assignées Voir sur GitHub
area: cdk/scrolling feature P3
Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 8 h
PR mergées (30 j)
91

Description

#### 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.

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par la directive cdk-virtual-scroll-viewport et le style de cdk-virtual-scroll-content-wrapper décrits dans l’issue. Suivez la manière dont le wrapper applique actuellement sa largeur minimale et identifiez le comportement d’entrée nécessaire pour empêcher le défilement horizontal. C’est terminé lorsque les valeurs longues des listes peuvent tenir dans la largeur de l’élément parent et afficher des points de suspension sans défilement horizontal.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
angular, typescript
Domaine
frontend
Type d'issue
Fonctionnalité
Difficulté
3/5
Temps estimé
1-2 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
45/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.