IssueTracker

Versions

Kotlin Compiler extension: 1.5.8

Jetpack Compose bom version: 2024.01.00

androidx.compose.material3:material3 version: 1.2.0-alpha06 - 1.2.0-rc01

Jetpack Compose component used: ExposedDropdownMenuBox / ExposedDropdownMenu / DropdownMenuItem

Android Studio Build: Android Studio Hedgehog | 2023.1.1 Patch 2

Kotlin version: 1.9.22

Issue

We use appium to run our instrumented tests on browserstack, which uses the accessibility functionality to find elements on the screen. Up until alpha05 this worked fine for our dropdown text field (also inside the appium layout inspector, this allowed us to see and select the specific dropdown items). To achieve this, we set the semantics modifier on the DropdownMenuItems.

After material3:1.2.0-alpha06 this changed, and the DropDownMenu was no longer selectable through appium. Seen that the changelog of alpha06 specifically mentions the DropDownMenu, maybe something was accidentally removed here?

If there was a change in how we should approach a drop-down text field after alpha06, I'd like to be referred to that documentation. :)

Note that there is no issue in normal user-use of the composable, just the automated ui tests, that rely on the accessibility functionality.

Steps to Reproduce or Code Sample to Reproduce:

@Immutable
data class DropdownTextFieldDataExample<D>(
    val id: String,
    val items: List<Item<D>>,
    val modifier: Modifier = Modifier,
    val enabled: Boolean = true,
    val label: String? = null,
    val placeholder: String? = null,
    val selectedItem: D? = null,
    val error: String? = null,
    val onSelectionChange: (item: D) -> Unit = {},
) {
    @Immutable
    data class Item<D>(val id: String, val text: String, val data: D)
}

@OptIn(ExperimentalMaterial3Api::class)
@Composable
fun <D> DropdownTextFieldExample(data: DropdownTextFieldDataExample<D>, modifier: Modifier = Modifier) {
    var expanded by remember {
        mutableStateOf(false)
    }

    ExposedDropdownMenuBox(
        expanded = expanded,
        onExpandedChange = { if (data.enabled) expanded = !expanded },
    ) {
        TextField(
            TextFieldData(
                id = data.id,
                text = data.items.find { it.data == data.selectedItem }?.text?.orEmpty(),
                enabled = data.enabled,
                alwaysSetTextFromData = true,
                label = data.label,
                trailingIcon = DropdownTextFieldDefaults.trailingIcon(expanded),
                placeholder = data.placeholder,
                error = data.error,
                maxLines = 1,
                singleLine = true,
                readOnly = true,
            ),
            modifier = modifier.menuAnchor(),
            inputModifier = Modifier.fillMaxWidth(),
        )
        ExposedDropdownMenu(expanded = expanded, onDismissRequest = { expanded = false }) {
            data.items.forEach { (itemId, itemTextData, item) ->
                DropdownMenuItem(
                    modifier = Modifier.semantics {
                        testTagsAsResourceId = true
                        testTag = itemId
                    },
                    text = { Text(itemTextData) },
                    onClick = {
                        data.onSelectionChange(item)
                        expanded = false
                    },
                )
            }
        }
    }
}

Stack trace (if applicable):

Not available.