IssueTracker

• Artifact used: androidx.ui:ui-material
• Version used: 0.1.0-dev13
• Devices/Android versions reproduced on: Android 11 Beta 1, Pixel 2

Issue: DropdownMenuItem's onClick does not get invoked

Not working code: Expected result - on click, expanded set to false and selectedConfigIndex set to index Actual result - on click, nothing happens. Debugger is never called when a breakpoint is set

val configs = listOf("foo", "bar")
var selectedConfigIndex by state { 0 }
var expanded by state { false }
TopAppBar(
    title = { Text(stringResource(R.string.app_name)) },
    actions = {
        DropdownMenu(
            toggle = { Text(configs[selectedConfigIndex]) },
            toggleModifier = Modifier.clickable { expanded = !expanded },
            expanded = expanded,
            onDismissRequest = { expanded = false }) {
            configs.forEachIndexed { index, s ->
                DropdownMenuItem(
                    enabled = true,
                    onClick = {
                        expanded = false
                        selectedConfigIndex = index
                }) {
                    Text(s)
                }
            }
        }
    }
)

However, if the code is modified to place a Modifier.clickable on the DropdownMenuItem's child (e.g. on Text), the onClick on thee child is properly invoked (but, it messes up the ripple effect and also highlights the child selected item). This workaround should not be necessary

DropdownMenuItem(
    enabled = true,
    onClick = {
    }) {
    Text(s, modifier = Modifier.clickable {
        expanded = false
        selectedConfigIndex = index
    })
}