google / google/material-design-lite

Checkbox Label overflow

Open
#1,558 11 comments 0 reactions 0 assignees View on GitHub
Checkbox confirmed MD Guidance Needed
Dominant language
HTML
Stars
32.2k
Forks
4.9k
PR merge metrics
No merged PRs in 30d

Description

The first time I have seen this behaviour was on my mobile phone. If the label of a checkbox is longer than there is horizontal space the label will wrap at the end of the line. This however does not reposition the following block objects. Thus the label will float over the next block object.

Here is the codepen to demonstrate the problem on the desktop:
http://codepen.io/steamonimo/pen/aOeOVg

BTW: On a personal note I think that the textfield should use the same font as the input field. But this is just personal preference.

Thanks for listening,
Holger

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.