IssueTracker

Material Compose component used: ExposedDropdownMenuBox

Android Studio Ladybug | 2024.2.1 Patch 2 Build #AI-242.23339.11.2421.12550806, built on October 24, 2024 Runtime version: 21.0.3+-79915917-b509.11 aarch64 VM: OpenJDK 64-Bit Server VM by JetBrains s.r.o. Toolkit: sun.lwawt.macosx.LWCToolkit macOS 14.6.1 GC: G1 Young Generation, G1 Concurrent GC, G1 Old Generation Memory: 8192M Cores: 10 Metal Rendering is ON Registry: ide.instant.shutdown=false debugger.new.tool.window.layout=true ide.experimental.ui=true i18n.locale= terminal.new.ui=true Non-Bundled Plugins: fantom.codeowners (0.9.0) idea.plugin.protoeditor (242.23339.11) Docker (242.23339.19) com.github.copilot (1.5.29.7524)

The project setup is the basic new one from the Android Jetpack with these versions:

agp = "8.7.2"
kotlin = "2.0.0"
coreKtx = "1.9.0"
junit = "4.13.2"
junitVersion = "1.2.1"
espressoCore = "3.6.1"
lifecycleRuntimeKtx = "2.8.7"
activityCompose = "1.9.3"
composeBom = "2024.12.01"

[libraries]
androidx-core-ktx = { group = "androidx.core", name = "core-ktx", version.ref = "coreKtx" }
junit = { group = "junit", name = "junit", version.ref = "junit" }
androidx-junit = { group = "androidx.test.ext", name = "junit", version.ref = "junitVersion" }
androidx-espresso-core = { group = "androidx.test.espresso", name = "espresso-core", version.ref = "espressoCore" }
androidx-lifecycle-runtime-ktx = { group = "androidx.lifecycle", name = "lifecycle-runtime-ktx", version.ref = "lifecycleRuntimeKtx" }
androidx-activity-compose = { group = "androidx.activity", name = "activity-compose", version.ref = "activityCompose" }
androidx-compose-bom = { group = "androidx.compose", name = "compose-bom", version.ref = "composeBom" }
androidx-ui = { group = "androidx.compose.ui", name = "ui" }
androidx-ui-graphics = { group = "androidx.compose.ui", name = "ui-graphics" }
androidx-ui-tooling = { group = "androidx.compose.ui", name = "ui-tooling" }
androidx-ui-tooling-preview = { group = "androidx.compose.ui", name = "ui-tooling-preview" }
androidx-ui-test-manifest = { group = "androidx.compose.ui", name = "ui-test-manifest" }
androidx-ui-test-junit4 = { group = "androidx.compose.ui", name = "ui-test-junit4" }
androidx-material3 = { group = "androidx.compose.material3", name = "material3" }

If you have the simple text input with the dropdown options, it will work fine (not particularly in this example I provide) in the regular behavior, but when you turn on the talkback and focus on the input, it says: "" but when double-tapping on the focused input, the actual input is never triggered and the input keyboard doesn't show up on the screen to interact with the component. So with the bug, I am stuck with the a11y not being able to interact with the input.

This is the example code:

private val selectionItems by lazy {
    listOf("item1", "item2", "item3", "item4", "item5")
}

@ExperimentalMaterial3Api
@Composable
fun InputBarExample(
        value: String,
        options: List<String> = selectionItems,
) {
    var expanded by remember { mutableStateOf(false) }

    Box(
            Modifier.fillMaxSize(),
            contentAlignment = Alignment.CenterStart,
    ) {
        ExposedDropdownMenuBox(
                modifier = Modifier.fillMaxWidth(),
                expanded = expanded,
                onExpandedChange = { }
        ) {
            BasicTextField(
                    modifier = Modifier.menuAnchor(MenuAnchorType.PrimaryEditable),
                    value = value,
                    onValueChange = {
                        expanded = true
                    },
                    interactionSource = remember { MutableInteractionSource() },
            )

            ExposedDropdownMenu(
                    expanded = expanded,
                    matchTextFieldWidth = true,
                    onDismissRequest = {
                        expanded = false
                    }
            ) {
                options.forEach { option ->
                    DropdownMenuItem(
                            text = { Text(text = option) },
                            onClick = {
                                expanded = false
                            }
                    )
                }
            }
        }
    }
}