AlertDialog button positions not following Material Design guideline [235454277]

Fixed

Bug

Status Update

No update yet.

Description

ch...@doist.com

created issue #1

Jun 9, 2022 06:08PM

Jetpack Compose version: 1.2.0-beta03 Jetpack Compose component used: AlertDialog (the one that accepts confirmButton and dismissButton composables) Android Studio Build: AI-213.7172.25.2211.8563311 Kotlin version: 1.6.21

Steps to Reproduce or Code Sample to Reproduce:

Use the AlertDialog composable with confirmButton and dismissButton.
Add both confirm and dismiss button composables with long text (and maybe capitalized) so that they are vertically stacked.
Then, you would notice that the dismiss button is above and the confirm button is below which is in opposition to the material design guideline: https://material.io/components/dialogs#anatomy Subsection: Stacked full-width buttons.

Comments

ma...@google.com <ma...@google.com> Jun 15, 2022 11:52AM

Assigned to sg...@google.com.

na...@gmail.com <na...@gmail.com> #2Sep 12, 2022 12:02PM

Hi, we included a fix for this in Material 3 1.2.0-alpha07. Can you check if the issue is still reproducible on that version?

fa...@gmail.com <fa...@gmail.com> Jan 19, 2023 04:34PM

Screenshot_2023-01-19-21-03-16-569_com.miui.player.jpg

511 KB

View

Download

sg...@google.com <sg...@google.com> May 2, 2023 11:50PM

Accepted by sg...@google.com.

ap...@google.com <ap...@google.com> #3May 3, 2023 09:36PM

Marked as fixed.

Yes I confirm, this issue is fixed in this new MDC3 version

ju...@google.com <ju...@google.com> #4May 24, 2023 07:37PM

Thank you for confirming!

Issue 235454277