disable horizontal scroll in virtual scroller
- Lingua principale
- TypeScript
- Stelle
- 25k
- Fork
- 6.8k
- Merge medio
- 1g 8h
- PR unite (30g)
- 91
Descrizione
#### 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.
Guida per i contributori
Apri la guida per i contributori
Direzione di ricerca
Inizia con la direttiva cdk-virtual-scroll-viewport e lo stile di cdk-virtual-scroll-content-wrapper descritti nell’issue. Traccia il modo in cui il wrapper applica attualmente la sua larghezza minima e identifica il comportamento dell’input necessario per impedire lo scorrimento orizzontale. Il lavoro è completo quando i valori lunghi delle liste possono rientrare nella larghezza dell’elemento padre e visualizzare i puntini di sospensione senza scorrimento orizzontale.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- angular, typescript
- Ambito
- frontend
- Tipo di issue
- Funzionalità
- Difficoltà
- 3/5
- Tempo stimato
- 1-2 giorni
- Stato di attività
- Ferma
- Chiarezza
- Abbastanza chiara
- Idoneità per principianti
- 45/100