Fixed
Status Update
No update yet.
Comments
co...@google.com
co...@google.com
co...@google.com
co...@google.com
Thanks for the report!
ph...@gmail.com
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 style = LocalTextStyle.current.copy(lineHeight = TextUnit.Unspecified), or create a custom Typography entirely.
Description
Jetpack Compose component used: 1.1.1
Android Studio Build:
Android Studio Chipmunk | 2021.2.1 Patch 1
Build #AI-212.5712.43.2112.8609683, built on May 18, 2022
Runtime version: 11.0.12+0-b1504.28-7817840 x86_64
VM: OpenJDK 64-Bit Server VM by JetBrains s.r.o.
macOS 12.4
GC: G1 Young Generation, G1 Old Generation
Memory: 4096M
Cores: 16
Registry: external.system.auto.import.disabled=true
Non-Bundled Plugins: com.yemreak.DarkCode-Theme (1.1), wu.seal.tool.jsontokotlin (3.7.4), com.suusan2go.kotlin-fill-class (1.0.12)
Kotlin version: 1.6.10
Using the BadgedBox should create a new layout with the main content and the badge places on top of it as per Material design guidelines.
The assumption is also that the new layout with the badge + content can be places inside other layouts and the layout bounds are set and both the badge + main content are inside the set layout.
However, the Badge is placed relative to the main content which means it can be placed over the layout and other Compose layouts cannot layout it properly inside the bounds and thus the BadgedBox can be clipped as a result of the parent layout.
I think the offending line is in BadgedBox function and the following lines:
val badgeY = -badgePlaceable.height / 2
badgePlaceable.placeRelative(badgeX, badgeY)
This moves the badge upwards without taking into account that it may clip the parent layout.