A modern programming language that makes developers happier.

kotlinlang

Screenshot from 2023-08-21 15-40-52.png

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.

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.

```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)
}```

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