IssueTracker

Jetpack Compose version: 1.7.X

Jetpack Compose component(s) used: Material 3

Android Studio Build:

Android Studio Ladybug | 2024.2.1 Patch 2 Build #AI-242.23339.11.2421.12550806, built on October 24, 2024 Kotlin version: 2.0.21

Steps to Reproduce or Code Sample to Reproduce:

When using ModalBottomSheet, if you have something with an onClick callback such as the IconButton below, it seems like the resulting touch gestured produced from a performClick operation does not work right, and the callback is never triggered.

The workaround i've found is to directly trigger the semantic action via performSemanticAction(SemanticActions.OnClick)

This is not limited to ModalBottomSheet either. I have more complex cases where people are using a BottomSheetDialogFragment with an embedded ComposeView. That is exhibiting the same behavior where performClick does not work but performSemanticAction does.

    @Test
    fun modalDialogClickIssue() {
        runComposeUiTest {
            setContent {
                var visible by remember { mutableStateOf(true) }
                if (visible) {
                    ModalBottomSheet(
                        onDismissRequest = {
                            visible = false
                        },
                    ) {
                        Button(
                            modifier = Modifier.testTag("hide"),
                            onClick = {
                                visible = false

                            }
                        ) {
                            Text("Hide")
                        }
                    }
                }
            }

            waitUntilNodeCount(isDialog(), 1)

            // This does not trigger the onClick callbacks of the button
            onNodeWithTag("hide", useUnmergedTree = true)
                .assertExists()
                .performClick()

            waitUntilNodeCount(isDialog(), 0)
        }
    }

    @Test
    fun modalDialogClickIssueWorkaround() {
        runComposeUiTest {
            setContent {
                var visible by remember { mutableStateOf(true) }
                if (visible) {
                    ModalBottomSheet(
                        onDismissRequest = {
                            visible = false
                        },
                    ) {
                        Button(
                            modifier = Modifier.testTag("hide"),
                            onClick = {
                                visible = false

                            }
                        ) {
                            Text("Hide")
                        }
                    }
                }
            }

            waitUntilNodeCount(isDialog(), 1)

            // This does not trigger the onClick callbacks of the button
            onNodeWithTag("hide", useUnmergedTree = true)
                .assertExists()
                .performSemanticsAction(SemanticsActions.OnClick)

            waitUntilNodeCount(isDialog(), 0)
        }
    }