angular / angular/components

disable horizontal scroll in virtual scroller

Offen
#15,288 2 Kommentare 30 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: cdk/scrolling feature P3
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

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

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne mit der im Issue beschriebenen cdk-virtual-scroll-viewport-Direktive und dem Styling von cdk-virtual-scroll-content-wrapper. Verfolge, wie der Wrapper derzeit seine Mindestbreite anwendet, und identifiziere das erforderliche Eingabeverhalten, um horizontales Scrollen zu verhindern. Erledigt bedeutet, dass lange Listenwerte in die Breite des übergeordneten Elements passen und Auslassungspunkte anzeigen können, ohne horizontal zu scrollen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
frontend
Issue-Typ
Feature
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
45/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.