I've got a layout of `[fixed size text] [any length text] [icon button]`, how can I make it so only ...

# compose

[martmists]

I've got a layout of [fixed size text] [any length text] [icon button], how can I make it so only the middle text can wrap lines if it doesn't fit? Default behavior seems to be to first shrink the icon button until no longer visible, and only then line-wrap the text.

[Stylianos Gakis]

Take a look at this thread https://kotlinlang.slack.com/archives/CJLTWPH7S/p1730999249640539?thread_ts=1730997447.228779&cid=CJLTWPH7S

[martmists]

I saw that and tried it, but instead the icon still shrinks before the text starts wrapping.

[Stylianos Gakis]

Shouldn't happen. Post the code?

[martmists]

Row(
    verticalAlignment = Alignment.CenterVertically
) {
    val duration = event.duration.toDuration()
    Column(modifier = Modifier.fillMaxHeight()) {
        Text("${duration.inWholeMilliseconds}ms", fontSize = 10.sp, modifier = Modifier.width(timeWidth.dp), color = color)
        Spacer(Modifier.weight(1f))
    }
    SelectionContainer {
        Text(event.sql, fontFamily = LocalAppFonts.current.JetbrainsMonoNL, modifier = Modifier.weight(1f))
    }
    IconButton(onClick = { sqlTraceVisible = !sqlTraceVisible }) {
        Icon(painterResource(Res.drawable.chevron_down), contentDescription = "Expand", modifier = Modifier.rotate(rotation))
    }
}

[Stylianos Gakis]

Include the full @Preview code where you see this break. This by itself looks fine.
Also try without the SelectionContainer just in case that does anything wonky.

[martmists]

Should I be using @Preview anywhere? I'm just seeing this in my app at runtime.

Removing the SelectionContainer seems to work, though I've got no clue why and being able to select that text is kind of crucial. Any suggestions?

[Stylianos Gakis]

I said preview just as an idea for me to be able to run this myself too.
You can wrap the entire row with SelectionContainer as one idea

[Stylianos Gakis]

SelectionContainer https://cs.android.com/androidx/platform/frameworks/support/+/androidx-main:compose/[…]selection/SelectionContainer.kt;l=49?q=SelectionContainer&sq= seems to take in a modifier.
Apply the weight to it instead.

[Stylianos Gakis]

Seems like there was a bug around this https://issuetracker.google.com/issues/372053402, but it is marked as fixed, so I believe this should just work now

[martmists]

Moving the weight to the SelectionContainer does not work

[Stylianos Gakis]

Are you in a version which the issue mentions includes this fix or not?