angular / angular/components

mat-radio-button and mat-checkbox don't line wrap

Ouverte
#10,954 10 commentaires 18 réactions 0 personnes assignées Voir sur GitHub
area: material/checkbox area: material/radio G P4
Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 8 h
PR mergées (30 j)
91

Description

#### Bug, feature request, or proposal:

Proposal: change `` or `` to line-wrap its contents by default or add an option.

#### What is the expected behavior?

I can put a text into a `` or `` that is longer than what fits into the viewport.

#### What is the current behavior?

The content in a or does not line wrap. If you have a lot of text in a it gets cut at the end.

A workaround would be
`{{mylongtext}}`

#### What are the steps to reproduce?

https://stackblitz.com/edit/angular-material2-issue-uaeetd?file=app/app.component.html

#### What is the use-case or motivation for changing an existing behavior?

I have a pretty narrow window and need to put checkboxes and radio buttons in there.

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?

I think all of them.

#### Is there anything else we should know?

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par la reproduction StackBlitz liée, en particulier app/app.component.html, et vérifiez l'absence de retour à la ligne pour les contenus longs de mat-radio-button et mat-checkbox dans un viewport étroit. La tâche est terminée lorsque le contenu revient à la ligne par défaut ou via une option documentée, tout en préservant le comportement existant des composants.

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.