Jetpack Compose version: 1.5.3
Jetpack Compose component used: ExposedDropDownMenuBox
Android Studio Build: AI-223.8836.35.2231.10811636
Kotlin version: 1.8.22

Currently ExposedDropDownMenuBox does not allow disabling. If we disable the Textfield/OutlinedTextField, on click of the Box it still opens DropDownMenu. We have workaround for it to pass the empty callback when disabled, but onExpandChange callback should happen when its disabled.
(Created Another issue related to other ADA issues: https://issuetracker.google.com/issues/257209915).

Steps to Reproduce or Code Sample to Reproduce:
1. Install app with disable TextField/OutlinedTextField in the ExposedDropDownMenuBox.
2. Click on the ExposedDropDownMenuBox
3. Opens the DropDownMenu

Expected: Should be disabled.

Video link: https://drive.google.com/file/d/1R_AzBdeRaYzFyKdgBO7o5SVOvELOx6uM/view?usp=drive_link

Code: This issue can also be replicated using the Material3 Sample code: https://cs.android.com/androidx/platform/tools/dokka-devsite-plugin/+/master:testData/compose/samples/material3/samples/ExposedDropdownMenuSamples.kt#:~:text=fun%20ExposedDropdownMenuSample()%20%7B

@OptIn(ExperimentalMaterial3Api::class)
@Composable
fun ExposedDropDownADA() {
val options = listOf("Option 1", "Option 2", "Option 3", "Option 4", "Option 5")
var expanded by remember { mutableStateOf(false) }
var selectedOptionText by remember { mutableStateOf(options[0]) }
// We want to react on tap/press on TextField to show menu
ExposedDropdownMenuBox(
modifier = Modifier.fillMaxWidth().padding(horizontal = 20.dp),
expanded = expanded,
onExpandedChange = { expanded = !expanded },
) {
OutlinedTextField(
// The `menuAnchor` modifier must be passed to the text field for correctness.
modifier = Modifier.menuAnchor(),
enabled = false,
readOnly = true,
value = selectedOptionText,
onValueChange = {},
label = { Text("Label") },
trailingIcon = { ExposedDropdownMenuDefaults.TrailingIcon(expanded = expanded) },
)
ExposedDropdownMenu(
modifier = Modifier.exposedDropdownSize(),
expanded = expanded,
onDismissRequest = { expanded = false },
) {
options.forEachIndexed { index, selectionOption ->
DropdownMenuItem(
text = { Text(selectionOption) },
onClick = {
selectedOptionText = selectionOption
expanded = false
},
contentPadding = ExposedDropdownMenuDefaults.ItemContentPadding,
)
}
}
}
}

Issue 308840226

Mentioned issues (3)

Links (3)

Issue metadata