Infinite recomposition despite no changes

[Shusek]

Infinite recomposition despite no changes

[MohamedRejeb]

Hi,
We shouldn't use non-composable functions inside the scope of a composable function. You need to make those calls inside a LaunchedEffect:

LaunchedEffect(Unit) {
    richTextState.setHtml(content)
    richTextState.selection = TextRange.Zero
}

What was happening in your case is when you use setHtml it causes a recomposition because the text is changed, and the recomposition causes the setHtml to be called again and so on... That's why normal function calls need to be outside the scope of the composable function.

[Shusek]

Yes, you are absolutely right. I don't know why, but I thought it worked on the binding principle.
Still, i do not get why spaces for this code is applied after few miliseconds:

private fun FxRichText( ) {
    val richTextState = rememberRichTextState()
    LaunchedEffect(Unit) {
        val newContent = "<ol> " +
            "\t<li>NLorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. \t</li><br> " +
            "\t<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. " +
            "\t \t\t<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. \t\t</li>" +
            "</ol>"

        richTextState.setHtml(newContent)
        richTextState.selection = TextRange.Zero
    }

    RichTextEditor(
        state = richTextState,
        readOnly = true,
        shape = AppTheme.shapes.rectangle,
        colors = richTextEditorColors(),
        textStyle = AppTheme.typography.normalLightText,
        contentPadding = PaddingValues(0.dp)
    )
}

On start:

After while:

[MohamedRejeb]

I will check this. Can you try again with the latest version?

[Shusek]

Yeap, the latest version fixes this bug.