IssueTracker

Jetpack Compose version: 2023.10.01

Jetpack Compose component(s) used: ConstraintLayout

Android Studio Build: [Specify build version]

Kotlin version: 1.9.20

Steps to Reproduce or Code Sample to Reproduce:

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            OverlapDemo()
        }
    }

    @Composable
    fun OverlapDemo(
        modifier: Modifier = Modifier,
    ) {
        Box(
            modifier = modifier
                .fillMaxWidth()
                .height(300.dp)
                .background(Color.Red)
        ) {
            BottomUi()
            TopUi()
        }
    }

    @Composable
    fun BottomUi() {
        Button(
            onClick = {  },
        ) {
            Text(text = "PLAY / PAUSE")
        }
    }

    @Composable
    fun TopUi(
        modifier: Modifier = Modifier,
    ) {
        ConstraintLayout(
            modifier = modifier.fillMaxSize(),
        ) {
            val (button) = createRefs()
            Button(
                onClick = {  },
                modifier = Modifier.constrainAs(button) {
                    bottom.linkTo(parent.bottom)
                    end.linkTo(parent.end)
                }
            ) {
                Text(text = "GO NEXT")
            }
        }
    }
}

1. Create a new Composable function OverlapDemo with two child composables: BottomUi and TopUi.
2. Implement BottomUi with a Button composable.
3. Implement TopUi with a ConstraintLayout containing a Button composable.
4. Enable TalkBack.
5. Run the activity and tap on the "PLAY / PAUSE" button.

Expected behavior: The "PLAY / PAUSE" button should receive accessibility focus. Actual behavior: The "PLAY / PAUSE" button is not receiving accessibility focus.

This issue is specific to ConstraintLayout, as replacing it with Box resolves the issue.