I'm having trouble getting a `Text` composable con...

# compose-android

[mattchowning]

I'm having trouble getting a Text composable containing an email to display as much of the email as will fit. I thought TextOverflow.Visible would give me what I wanted, but it is clipping off the entire ".com" part of the email as soon as it overflows just like TextOverflow.Clip. 🤔

[mattchowning]

Box(Modifier.width(200.dp)) {
    Text(
        text = "<mailto:[e-mail]|[e-mail]>",
        maxLines = 1,
        overflow = TextOverflow.Visible,
    )
}

[mattchowning]

I was surprised to see that TextOverflow.Ellipsis gave me more of the content than TextOverflow.Visible.

[Colton Idle]

Whats the intended result?

[Colton Idle]

do you want it to wrap to next line?

[Colton Idle]

or is your issue just "why is it truncated so early?"

[mattchowning]

or is your issue just "why is it truncated so early?"

Yes, that. I'd like it to show something like "[e-mail]" instead of truncating at the "."

[Colton Idle]

I think that might just be the nature of truncation trying to be smart? (i know ive had similar issues with hyphenation in the past)

cc @Siyamed ?

[Kirill Grouchnikov]

New mode - when you get close to running out of space, make each subsequent glyph 10% smaller than the previous one

[mattchowning]

That's what everyone wants, right? 😆

FWIW, the reason I want the text to run up to the very end is because I'm using a gradient fade to show overflow.

[Colton Idle]

Interesting. makes sense as a usecase. i wonder if the issue is the .

like if you remove the . in gmail... does everything work fine?

[mattchowning]

That's right, the issue seems to be the period. If I just pass in a long number it works like I would like.

[Colton Idle]

yeah. sounds like the hyphenation issue i had. not sure what your solution will be. sorry. but hopefully siyamed can chime in!

[Albert Chang]

Not answering your original question, but to achieve what you want you can apply Modifier.wrapContentWidth(align = Alignment.Start, unbounded = true) on the Text.

[Siyamed]

Do we have softwrap or singleline in Text? I know we had softwrap; softwrap should do

[Siyamed]

MaxLines is max number of text limne. Your text becomes two lines and second line is clipped.

[Siyamed]

Just check material.Text has softwrap, set it to false if you want to prevent any auto lone breaking.

[mattchowning]

Thanks so much for your help! I ended up using softWrap , which worked perfectly. 🎉

wrapContentWidth also worked well, it just didn't work as well as softWrap for me.

[Colton Idle]

Nice. TIL of softWrap lol