IssueTracker

Jetpack Compose version: 1.6.0-beta03

Jetpack Compose component used: ExposedDropdownMenuBox

Android Studio Build: Android Studio Hedgehog | 2023.1.1 | Build #AI-231.9392.1.2311.11076708, built on November 10, 2023

Kotlin version: 1.9.21

Steps to Reproduce or Code Sample to Reproduce:

1. Using the following sample code:

@OptIn(ExperimentalMaterialApi::class)
@Preview
@Composable
fun ExposedDropdownTestPreview() {
    Column(modifier = Modifier.padding(8.dp).height(200.dp)) {
        val expanded = true
        ExposedDropdownMenuBox(expanded, { }) {
            OutlinedTextField(
                value = "Text",
                onValueChange = { },
                trailingIcon = {
                    ExposedDropdownMenuDefaults.TrailingIcon(expanded)
               },
            )
            ExposedDropdownMenu(expanded, { }, Modifier.exposedDropdownSize()) {
                DropdownMenuItem({ }) { Text("abc") }
                DropdownMenuItem({ }) { Text("def") }
            }
        }
    }
}

2. I expect to see the two DropdownMenuItems in the preview window. Instead, I can only see a wireframe outline of them (see screenshots). This makes the components quite difficult to develop with.

Side note, the official ExposedDropdown menu components in Material Compose have been pretty difficult to get right for a while now (e.g. subtle, difficult to diagnose focus and placement issues). My workaround has been to implement the dropdown pattern using Column/LazyColumn plus bare DropdownMenuItems, which functionally 'just works', but lacks the extra Material Design sparkle.

So I'm really looking forward to when the official Material Compose ExposedDropdown implementation becomes more polished :)