angular / angular/components

feat(checkbox, radio): Provide a way to vertically align checkboxes and radios in stacked layouts

Ouverte
#27,049 5 commentaires 1 réaction 0 personnes assignées Voir sur GitHub
area: material/checkbox area: material/radio 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

MDC increased checkbox and radio touch areas. It means that in a stacked layout, the checkboxes/radios are visually indented to the right.
It can be seen in the checkbox docs: https://material.angular.io/components/checkbox/examples (the "Checkboxes with reactive forms" example).

It makes forms visually unbalanced - because other elements (labels, text inputs) don't have such indentation.

While a workaround with custom CSS is possible, it would relies on internal details of the Material components (sizes).

It would be great to have the official / documented way to do that. Maybe expose a variable as public API, add an Input to the components, or something else.

### Use Case

_No response_

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par l’exemple « Checkboxes with reactive forms » de la documentation des checkbox ainsi que par les points d’entrée des composants checkbox et radio. Comparez la disposition empilée avec les labels et les champs de saisie voisins, puis définissez le comportement public d’alignement et la façon dont il doit être documenté. C’est terminé lorsque les deux composants disposent d’un moyen officiel et stable de s’aligner sans dépendre de tailles internes.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
angular, typescript
Domaine
design, frontend
Type d'issue
Fonctionnalité
Difficulté
5/5
Temps estimé
Plus d'une semaine
Activité
À l'abandon
Clarté
À clarifier
Accessibilité débutants
25/100

Recevez les nouvelles issues par e-mail

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