Support changing DropdownMenu's shape [283654243]

Fixed

Feature Request

Status Update

No update yet.

Description

af...@gmail.com

created issue #1

May 22, 2023 12:47AM

Jetpack Compose version: 1.4.3 Jetpack Compose component used: androidx.compose.material Android Studio Build: #AI-231.7864.76.2311.10114981 (Android Studio Hedgehog | 2023.1.1 Canary 4) Kotlin version: 1.8.21

DropdownMenu and ExposedDropdownMenu in compose.material and compose.material3 don't provide a way to change the shape of the menu. This seems inconsistent with the non-Compose Material theming for menus where it’s possible to change the cornerSize.

Comments

mi...@outlook.com <mi...@outlook.com> #2Oct 3, 2023 09:03AM

I'm using material3 library.
My design requirement is to use full white menu container for light theme. Full white means 0xFFFFFFFF.

DropdownMenu inherently applies tonal elevation of 2.dp. The resulting color is far from expected.

DropdownMenu must allow user to specify desired elevations, colors and shapes.

al...@gmail.com <al...@gmail.com> #3Dec 4, 2023 02:52PM

Half a year and it's not implemented yet – this is embarassig we have to copy paste the whole component code just to override the shape.

ap...@google.com <ap...@google.com> #4Jan 23, 2024 07:42PM

Marked as fixed.

Project: platform/frameworks/support
Branch: androidx-main

commit 0398dc91998c6ae1f5eb7e85e7a4a9249d917a33
Author: Max Alfonso-Ying <maxying@google.com>
Date: Thu Nov 30 22:14:38 2023

Support menu customization

Fixes:

Test: added new screenshot
Relnote: "DropdownMenu now supports custom color, shape, elevation, and border."
Change-Id: I8e9818a88b1aca1f16370c668ae60d19b0c5a89d

M compose/material3/material3/api/current.txt
M compose/material3/material3/api/restricted_current.txt
M compose/material3/material3/src/androidInstrumentedTest/kotlin/androidx/compose/material3/MenuScreenshotTest.kt
M compose/material3/material3/src/androidMain/kotlin/androidx/compose/material3/AndroidMenu.android.kt
M compose/material3/material3/src/androidMain/kotlin/androidx/compose/material3/ExposedDropdownMenu.android.kt
M compose/material3/material3/src/commonMain/kotlin/androidx/compose/material3/Menu.kt

https://android-review.googlesource.com/2854975

ma...@google.com <ma...@google.com> Jan 23, 2024 07:46PM

Reassigned to ma...@google.com.

pr...@google.com <pr...@google.com> #5Feb 21, 2024 07:32PM

The following release(s) address this bug.It is possible this bug has only been partially addressed:

androidx.compose.material3:material3:1.3.0-alpha01
androidx.compose.material3:material3-android:1.3.0-alpha01
androidx.compose.material3:material3-desktop:1.3.0-alpha01

hi...@kuwaitnet.email <hi...@kuwaitnet.email> #6Jun 27, 2024 01:08PM

This modification allowed half of this. Even i applied shape, it's not clipping the whole window. Please check the attached files for code and result.

Thu Jun 27 2024 18:34:16 GMT+0530 (India Standard Time).png

87 KB

View

Download

Thu Jun 27 2024 18:35:53 GMT+0530 (India Standard Time).png

33 KB

View

Download

fa...@gmail.com <fa...@gmail.com> #7Oct 23, 2024 05:12PM

Hi! Try using the 'shape' parameter introduced in the 1.3.0 release, it should work:

DropdownMenu( modifier = Modifier, shape = RoundedCornerShape(12dp), expanded = true, onDismissRequest = { ... }) { }

Message last modified on Oct 23, 2024 05:13PM

mp...@gmail.com <mp...@gmail.com> #8Nov 11, 2024 02:52PM

The issue persists in the compose preview, but it's working in the builds.

ma...@google.com <ma...@google.com> #9Nov 11, 2024 03:44PM

If you are seeing issues with the Compose Preview, please file a bug in the following component: https://issuetracker.google.com/issues/new?component=823947&template=0

tv...@google.com <tv...@google.com> #10Mar 21, 2025 08:26PM

For future reference, I filed

b/405146647

since that didn't seem to have been reported in that component and I ran into the same issue