feat(checkbox, radio): Provide a way to vertically align checkboxes and radios in stacked layouts
- 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