A weird issue happened to me after upgrading Compo...

# compose

[Sergey Y.]

A weird issue happened to me after upgrading Compose to Alpha05.
Text does not respect nor fillMaxWidth nor horizontalAlignment or Modifier.align for Column. It is always centered within the parent. Only when the text string is long enough Text spreads all parent width. Compose Alpha04 aligns text to the start of the Column as expected.

[Philip Blandford]

I found the same thing - I've worked around it for now by putting the Text in a Box and aligning it that way

[allan.conda]

You can create a ticket in
https://issuetracker.google.com/issues/new?component=612128&template=1253476

[Sergey Y.]

@Philip Blandford Funnily enough, Modifier.weight (1.0f, fill = *false*) fixes the problem. Looks like a workaround but not a solution.

[Zach Klippenstein (he/him) [MOD]]

Does it work if you add wrapContentWidth(Alignment.Start) after the fillMaxWidth() modifier on your Text?

[Zach Klippenstein (he/him) [MOD]]

Also I think if you put the background modifier before the fillMaxWidth, you'll see that it is actuay filling the width, which is why the column's horizonalAlignment property isn't having any effect - as far as the column is concerned, there's nothing to align because the text already fills the available horizontal space.

I am guessing maybe this changed in alpha05 because maybe how text measures itself with different flow modes changed? It seems like your text is ignoring the min width constraint, which is going to cause fillMaxWidth() to center it by default (I think). WrapContentWidth allows children to measure themselves as small as they want and will align inside constraints, so if they modifier fixes it that's probably what's going on.

[Zach Klippenstein (he/him) [MOD]]

Actually I think that's wrong, text might just be centering itself now? Does passing the textAlign property to Text fix it?

[Sergey Y.]

textAlign + wrapContentWidth did the trick

[Zach Klippenstein (he/him) [MOD]]

wait, you still had to pass textAlign even though it’s Start by default?

[Sergey Y.]

I was mistaken, null is default value

[Zach Klippenstein (he/him) [MOD]]

ah

[Sergey Y.]

but textAlign + fillMaxWidth looks broken to me.

[Zach Klippenstein (he/him) [MOD]]

What are you expecting? It’s filling the max width, and the text is at the end, looks right to me

[Sergey Y.]

First item is the same composable function

[Sergey Y.]

just with a shorter name

[Sergey Y.]

why is it centered instead of placed at the end

[Zach Klippenstein (he/him) [MOD]]

Oh derp, of course. That definitely seems off. It almost seems like there’s an internal additional layout node that’s not being expanded?

[Sergey Y.]

[Sergey Y.]

added another background to see text boundaries
modifier = Modifier.background(Color.Red).fillMaxWidth().background(Color.Blue),

[Zach Klippenstein (he/him) [MOD]]

Do you get the same result if you remove the text overflow?

[Sergey Y.]

Yes, text overflow has no effect to it

[Zach Klippenstein (he/him) [MOD]]

I’d file a bug

[Zach Klippenstein (he/him) [MOD]]

Especially if this used to work in alpha04

[Sergey Y.]

for sure, I will file a bug. Thanks.

[allan.conda]

Have you created it yet? Looks like our Text that’s filling the width are centered as well 😆