IssueTracker

Jetpack Compose release version: 1.1.0

Android Studio Build: Bumblebee 2021.1.1 Patch 1

Kotlin version: 1.6.10

Steps to Reproduce:

Box(modifier = Modifier.fillMaxWidth()
    .height(IntrinsicSize.Max)
    .background(Color.LightGray)
){
    ConstraintLayout(
        modifier = Modifier
            .fillMaxWidth()
            .wrapContentHeight()
            .background(Color.Red)
    ) {
        val (one, two) = createRefs()
        val horChain = createHorizontalChain(one, two, chainStyle = ChainStyle.Packed(0f))
        constrain(horChain) {
            start.linkTo(parent.start)
            end.linkTo(parent.end)
        }
        Text(
            "Content 1 ",
            color = Color.White,
            maxLines = 1,
            fontSize = 21.sp,
            modifier = Modifier
                .background(Color.Red)
                .constrainAs(one) {
                    top.linkTo(parent.top)
                    bottom.linkTo(parent.bottom)
                })
        Text(
            " Content 2 ",
            color = Color.White,
            maxLines = 1,
            fontSize = 21.sp,
            overflow = TextOverflow.Ellipsis,
            modifier = Modifier
                .background(Color.Green)
                .constrainAs(two) {
                    width = Dimension.preferredWrapContent
                    top.linkTo(parent.top)
                    bottom.linkTo(parent.bottom)
                })
    }
}

Then the result is shown in attachment: the ConstraintLayout do not apply the fillMaxWidth modifier and it's always centered in parent.