IssueTracker

We updated from androidx.constraintlayout:constraintlayout-compose from 1.0.1 to 1.1.0 and noticed behavior changes in our previously working ui components.

The code looks like this:

@Composable
fun ItemCard(
    name: String,
    description: String?,
    modifier: Modifier = Modifier,
) {
    ConstraintLayout(modifier.size(200.dp)) {
        val (image, title, optionalDescription) = createRefs()
        createVerticalChain(image, title, optionalDescription, chainStyle = ChainStyle.Packed)
        Box(
            modifier = Modifier
                .size(100.dp)
                .background(Color.Red)
                .constrainAs(image) {
                    linkTo(parent.start, parent.end)
                },
        )
        Text(
            text = name,
            modifier = Modifier
                .constrainAs(title) {
                    linkTo(parent.start, parent.end)
                }
                .padding(start = 16.dp, top = 8.dp, end = 16.dp),
        )
        description?.let {
            Text(
                text = it,
                modifier = Modifier.constrainAs(optionalDescription) {
                    linkTo(parent.start, parent.end)
                },
            )
        }
    }
}

So the optionalTitle reference will only be set to the Text composable if description is not null. With Version 1.0.1 this was not breaking the layout. With 1.1.0 the chain will behave unexpected and the ui breaks (see attached screenshots).