How do I add an image to an annotated text. I tried using inline content, but it doesn't seem to res...

# compose

[Odinakachukwu Omaka-chukwu]

How do I add an image to an annotated text. I tried using inline content, but it doesn't seem to reserve vertical space for the image. Making it overlap text above and below it.

[Halil Ozercan]

can you share a code sample showing how you are building your annotated string and inline content? InlineContent cannot wrap lines but it also shouldn't be able to draw over above and below lines.

[Odinakachukwu Omaka-chukwu]

Surface {
    val inlineContent = mapOf(
        "boxId" to InlineTextContent(
            Placeholder(
                16f.em,
                16f.em,
                PlaceholderVerticalAlign.Center
            )
        ) {
            Box(
                Modifier
                    .background(Color.Red.copy(0.2f))
                    .fillMaxSize())
        }
    )
    val annotatedString = buildAnnotatedString {
        append(List(100) { "String" }.joinToString(" "))
        appendInlineContent("boxId")
        append(List(100) { "String" }.joinToString(" "))
    }
    Text(text = annotatedString, inlineContent = inlineContent)
}

[Oleksandr Balan]

Maybe you could try a combo-breaker lib?
https://github.com/romainguy/combo-breaker

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

That looks like a bug, please file

[Odinakachukwu Omaka-chukwu]

Okay, will do that.