Checked checkbox isn't fully filled with the color [202309440]

Fixed

Bug

Status Update

No update yet.

Description

ni...@gmail.com

created issue #1

Oct 6, 2021 09:23PM

Jetpack Compose release version: 1.0.3
Kotlin version: 1.5.30

Steps to Reproduce:

Draw checked CheckBox. CheckBox(checked = true, onCheckedChange = null)
Take a screenshot and zoom it

EXP: the checkbox is filled with the color
ACT: There are tiny pixels at the corners of the checkbox which are not filled with the color

I am able to reproduce this issue on Google Pixel 4 XL (which is 1440x3040 pixels and 537 ppi)

Zoomed screenshot is attached

checkbox_zoomed_dark_theme.jpg

29 KB

View

Download

deleted

0 B

Comments

ni...@gmail.com <ni...@gmail.com> #2Oct 6, 2021 09:25PM

There is a report about it in kotlinlang Slack: https://kotlinlang.slack.com/archives/C01D6HTPATV/p1706005056105739

checkbox_highlight_problem_zoomed_dark_theme.png

95 KB

View

Download

ni...@google.com <ni...@google.com> Oct 18, 2021 01:57PM

Assigned to je...@google.com.

lp...@google.com <lp...@google.com> Nov 5, 2021 03:03PM

Reassigned to ja...@google.com.

lp...@google.com <lp...@google.com> Nov 16, 2021 05:41PM

Reassigned to sg...@google.com.

ap...@google.com <ap...@google.com> #3Nov 19, 2021 05:28PM

Thanks for the report!

ap...@google.com <ap...@google.com> #4Nov 19, 2021 05:28PM

The release notes documentation has been edited to clarify this change in behavior for line height.

To support non-standard text sizes, we encourage users to follow the Material design system and use a different type scale rather than changing the font size directly. Alternatively, users can overwrite the line height like so: style = LocalTextStyle.current.copy(lineHeight = TextUnit.Unspecified), or create a custom Typography entirely.

sg...@google.com <sg...@google.com> Nov 19, 2021 06:33PM

Marked as fixed.

ap...@google.com <ap...@google.com> #5Nov 23, 2021 08:18PM

deleted