feat(mat-select): add smart panel width based on trigger and largest option size
- Vorherrschende Sprache
- TypeScript
- Sterne
- 25k
- Forks
- 6.8k
- Ø Merge
- 1 T. 8 Std.
- Gemergte PRs (30 T.)
- 91
Beschreibung
### Feature Description
Currently `panelWidth` can be one of three:
1. Trigger width
2. Largest option width
3. Custom provided width in numbers
What I am missing is - minimum width as trigger width and grow until max option size (if needed)
### Use Case
When having dynamic options texts sometimes they might be larger than trigger width and I want the largest option behavior.
Sometimes they are smaller than trigger width and I want the trigger width behavior to avoid really small select panels.
Which means I actually need: min panel width = trigger width with potential grow (not shrink!) to the largest option width.
Can be with a new `panelWidth` option or even `minPanelWidth` input (can have a complimenting `maxPanelWidth` too for completeness)
Beitragsleitfaden
Rechercherichtung
Beginne damit, die vorhandene panelWidth-Behandlung von mat-select sowie die im Issue beschriebenen Verhaltensweisen trigger-width und largest-option zu lesen. Definiere und implementiere eine API oder Option, die das Panel mindestens so breit wie den Trigger hält und es gleichzeitig ermöglicht, dass es auf die Breite der größten Option anwächst; überprüfe anschließend das Verhalten sowohl für breitere als auch für schmalere Optionen.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- angular, typescript
- Bereich
- frontend
- Issue-Typ
- Feature
- Schwierigkeit
- 4/5
- Geschätzter Aufwand
- 3-5 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 35/100