Fixed
Status Update
Comments
ja...@appsfactory.de <ja...@appsfactory.de> #2
Thanks for providing an example -- this is now fixed in 1.0.0-alpha05
tr...@gmail.com <tr...@gmail.com> #3
Thanks for filing this -- this is now fixed in 1.0 alpha 5.
co...@google.com <co...@google.com>
sg...@google.com <sg...@google.com>
sg...@google.com <sg...@google.com> #4
Android 11 samsung c9pro
ap...@google.com <ap...@google.com> #5
Project: platform/frameworks/support
Branch: androidx-main
commit 9f16ee04a9053a6028ffc90f152c1608cfeea8ae
Author: Shalom Gibly <sgibly@google.com>
Date: Mon Jun 05 18:52:14 2023
Fix the center top app bar alignment
Fix the alignement of the center top app bar to ensure its title does
not render over the icons when it's very long and the width of the
action icons is different than the width of the navigation icon.
This fix gives priority to the title's text display and shifts the title
from its center position as needed to show as much text as possible.
Fixes: 236994621
Test: AppBarTest & manual on LTR and RTL layouts
Relnote: "Fix the alignement of the center top app bar to ensure that a
long title doesn't render over the action icons or the navigation icon."
Change-Id: I4369f6c51c711129bb30b1de58684131b02499ae
M compose/material3/material3/src/androidAndroidTest/kotlin/androidx/compose/material3/AppBarTest.kt
M compose/material3/material3/src/commonMain/kotlin/androidx/compose/material3/AppBar.kt
https://android-review.googlesource.com/2616354
Branch: androidx-main
commit 9f16ee04a9053a6028ffc90f152c1608cfeea8ae
Author: Shalom Gibly <sgibly@google.com>
Date: Mon Jun 05 18:52:14 2023
Fix the center top app bar alignment
Fix the alignement of the center top app bar to ensure its title does
not render over the icons when it's very long and the width of the
action icons is different than the width of the navigation icon.
This fix gives priority to the title's text display and shifts the title
from its center position as needed to show as much text as possible.
Fixes: 236994621
Test: AppBarTest & manual on LTR and RTL layouts
Relnote: "Fix the alignement of the center top app bar to ensure that a
long title doesn't render over the action icons or the navigation icon."
Change-Id: I4369f6c51c711129bb30b1de58684131b02499ae
M compose/material3/material3/src/androidAndroidTest/kotlin/androidx/compose/material3/AppBarTest.kt
M compose/material3/material3/src/commonMain/kotlin/androidx/compose/material3/AppBar.kt
pr...@google.com <pr...@google.com> #6
The following release(s) address this bug.It is possible this bug has only been partially addressed:
androidx.compose.material3:material3:1.2.0-alpha03
androidx.compose.material3:material3-android:1.2.0-alpha03
Description
Jetpack Compose version: 1.2.0-rc01 Jetpack Compose component used: CenterAlignedTopAppBar Kotlin version: 1.6.21
Description
A long title in a CenterAlignedTopAppBar overlaps the icons if their with is not identical on the left (navigation icon) and right (action icons) see screenshot.
Steps to Reproduce or Code Sample to Reproduce
Create a CenterAlignedTopAppBar with only a navigation icon and no action icons and a long title.
Since the TopAppBarLayout calculates the max width of the title by taking the full width of the bar, substracting the width of the nav icon and the action icons, but then centers it in the bar, it will overlap either the nav icon or the action icons - whichever of the both is wider.
Solution would be to take the max width of the navigation icon and the action icons and multiply it by 2 to have the same spacing on the left and right.