disable horizontal scroll in virtual scroller
- 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
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