IssueTracker

ConstraintLayout version: androidx.constraintlayout:constraintlayout-compose:1.0.0-alpha04

Here is the screen composable, attached are screenshots when run with alpha03 (ok) and alpha04 (not okay).

@Composable
private fun Screen() {
    ConstraintLayout(
      modifier = Modifier
        .fillMaxSize()
    ) {
      val (image, header, tag1, tag2, tag3, bSignup, bLogin, disclaimer) = createRefs()
      val g1 = createGuidelineFromStart(44.dp)
      val g2 = createGuidelineFromEnd(44.dp)
      Image(
        modifier = Modifier.constrainAs(image) {
          width = Dimension.value(201.dp)
          height = Dimension.value(179.dp)
          top.linkTo(parent.top, 32.dp)
          start.linkTo(g1)
        },
        painter = painterResource(id = R.drawable.intercom_snooze),
        contentDescription = null
      )
      Text(
        modifier = Modifier.constrainAs(header) {
          top.linkTo(image.bottom, 32.dp)
          start.linkTo(g1)
          end.linkTo(g2)
          width = Dimension.fillToConstraints
        },
        text = stringResource(id = R.string.welcome_header),
        style = MaterialTheme.typography.h5,
      )
      Text(
        modifier = Modifier.constrainAs(tag1) {
          top.linkTo(header.bottom, 16.dp)
          start.linkTo(g1)
          end.linkTo(g2)
          width = Dimension.fillToConstraints
        },
        text = stringResource(id = R.string.welcome_tagline1)
      )
      Text(
        modifier = Modifier.constrainAs(tag2) {
          top.linkTo(tag1.bottom, 8.dp)
          start.linkTo(g1)
          end.linkTo(g2)
          width = Dimension.fillToConstraints
        },
        text = stringResource(id = R.string.welcome_tagline2)
      )
      Text(
        modifier = Modifier.constrainAs(tag3) {
          top.linkTo(tag2.bottom, 8.dp)
          start.linkTo(g1)
          end.linkTo(g2)
          width = Dimension.fillToConstraints
        },
        text = stringResource(id = R.string.welcome_tagline3)
      )
      Button(
        modifier = Modifier.constrainAs(bSignup) {
          bottom.linkTo(bLogin.top, 16.dp)
          start.linkTo(g1)
          end.linkTo(g2)
          width = Dimension.fillToConstraints
        },
        onClick = {}
      ) {
        Text(text = stringResource(id = R.string.sign_up))
      }
      Button(
        modifier = Modifier.constrainAs(bLogin) {
          bottom.linkTo(disclaimer.top, 16.dp)
          start.linkTo(g1)
          end.linkTo(g2)
          width = Dimension.fillToConstraints
        },
        onClick = {},
      ) {
        Text(text = stringResource(id = R.string.log_in))
      }
      Text(
        modifier = Modifier.constrainAs(disclaimer) {
          bottom.linkTo(parent.bottom, 8.dp)
          start.linkTo(g1)
          end.linkTo(g2)
          width = Dimension.fillToConstraints
        },
        text = stringResource(id = R.string.trial_disclaimer),
        style = MaterialTheme.typography.caption,
      )
    }
}