angular / angular/components

feat(mat-select): add smart panel width based on trigger and largest option size

Ouverte
#29,569 1 commentaire 3 réactions 0 personnes assignées Voir sur GitHub
area: material/select feature P4
Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 8 h
PR mergées (30 j)
91

Description

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

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par lire la gestion existante de panelWidth dans mat-select ainsi que les comportements trigger-width et largest-option décrits dans l’issue. Définissez et implémentez une API ou une option qui maintient le panneau au moins aussi large que le trigger tout en lui permettant de s’agrandir jusqu’à la largeur de l’option la plus large, puis vérifiez le comportement pour les options plus larges comme pour les options plus étroites.

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é
4/5
Temps estimé
3-5 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
35/100

Recevez les nouvelles issues par e-mail

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