Skip to content

[MaterialCheckbox] CheckBox text is misaligned with the checkmark icon by 1px #3137

Open
@ni554n

Description

@ni554n

I'm not sure this is intentional or not, but here's a Checkbox currently looks with a text specified. This screenshot is from the latest M3 Catalog app.

Misaligned Checkbox Text

As you can see, the baseline is not aligned with the checkmark icon, but it is on the material design reference. Here's how it looks on the guideline page:

image

To workaround this issue, I'm currently using app:lastBaselineToBottomHeight="7sp" on the checkbox. I've added an extra 1sp to optically align it from the icon baseline of 6sp.

By the way, android:lastBaselineToBottomHeight shows up as an attribute whereas the app one doesn't, but it works anyway.

I've checked this issue on:
Android API version: 21+
Material Library version: 1.7.0+

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions