I have an issue with `Text` that I think might be a bug in the framework. Basically, when I put a `h...

# compose

[Luke]

I have an issue with Text that I think might be a bug in the framework. Basically, when I put a height(x.dp) modifier on a Text, but the text is too long, the last line appears outside the bounds of Text. More in thread.

[Luke]

I created a new project to test this. In the Activity, the UI looks like this:

Column(
    modifier = Modifier.fillMaxSize()
) {
    Text(
        text = "Super long lorem ipsum",
        fontSize = 24.sp,
        modifier = Modifier.fillMaxWidth()
            .height(96.dp)
            .background(Color.Red),
        overflow = TextOverflow.Ellipsis,
    )
    Text(
        text = "Some other text",
        modifier = Modifier.fillMaxWidth(),
        overflow = TextOverflow.Ellipsis,
    )
}

[Luke]

The result is this:

[Luke]

I don't understand why both text are overlapping...

[Luke]

I am using version 1.1.1

[Luke]

I would think the text would have cut to 'sagittis', followed by the ellipsis, but now there isn't even the ellipsis...

[Luke]

It looks fixed in 1.2.0-beta03

[Landry Norris]

Try clipToBounds?

[Landry Norris]

I know that when working with a Canvas, you can draw outside the bounds by default. You have to add clipToBounds to make it clip. Maybe they didn’t have that in the Text composable before 1.2.0-beta03?

[Luke]

It does the same thing as `TextOverflow.Clip`: there is still the 4th line but it's clipped at the bottom of the composable in red...

[Stylianos Gakis]

The fact that your pics have such a mildly different version of green and both names start with an L made me think you were talking to yourself 😅

[Landry Norris]

It is a bit weird when I'm glancing through messages and I see a similar green color

[Aleon Q]

Yeah, this is un-expected behavior, not sure if it was deliberately meant to behave as such for some reasons that I may have overlooked.

Text with fixed height, long text and overflow mode set to Ellipsis behaves as if the overflow mode is set to Visible and ignores Ellipsis.
Workaround for me was to use maxLines with Ellipsis. That got me the result I was expecting with ellipsis.

[Siyamed]

The newest version should have ellipsize by height (which is the expectation here). If a max height is set, and ellipsize is set, it should ellipsize.

[Siyamed]

https://developer.android.com/jetpack/androidx/releases/compose-ui#1.2.0-beta01 has a bug fix