Skip to content

Radio-button label doesn't wrap by default, unlike check-box label. Couldn't make it wrap with CSS either. #6671

Closed
@srix55

Description

@srix55

Bug, feature request, or proposal:

Bug

What is the expected behavior?

The label should wrap for longer labels

What is the current behavior?

Doesn't wrap. Overflows container.

What are the steps to reproduce?

http://plnkr.co/edit/PS09vZVKMQxIMLd72mSS?p=preview

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

Radio button labels overflow their card containers and are displayed with an ugly horizontal scrollbar when viewed on a mobile device

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

@angular/compiler: 4.3.1
@angular/material: 2.0.0-beta.8-374aaff

Is there anything else we should know?

I tried the solutions related to issue #2019 . Couldn't make it work.

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions