Stateful UI content inside capturable() Modifier not updating on UI

[ImaginativeShohag]

The content wrapped with capturable() modifier is not updating.

How to produce?

In MainActivity.kt file, I added a counter in BookingDetail composable:

@Composable
fun BookingDetail() {
    var time by remember { mutableStateOf(Date()) }

    fun formatDateTo12HourClock(date: Date): String {
        val sdf = SimpleDateFormat("hh:mm:ss a", Locale.getDefault())
        return sdf.format(date)
    }

    LaunchedEffect(Unit) {
        while (true) {
            delay(1000)

            time = Date()
        }
    }

    Row(Modifier.fillMaxWidth(), horizontalArrangement = Arrangement.SpaceBetween) {
        Column {
            Text("Sat, 1 Jan", style = MaterialTheme.typography.caption)
            Text(formatDateTo12HourClock(time), style = MaterialTheme.typography.subtitle2)
        }

        Column {
            Text("SCREEN", style = MaterialTheme.typography.caption)
            Text("JET 01", style = MaterialTheme.typography.subtitle2)
        }

        Column {
            Text("SEATS", style = MaterialTheme.typography.caption)
            Text("J1, J2, J3", style = MaterialTheme.typography.subtitle2)
        }
    }
}

Now run the app. The content will not change with the time variable.

Then comment out the .capturable(captureController) part, and run again. You will see the value is updating correctly.

How to solve?

If I directly try this then everything works. So maybe DelegatingNode does not update the content for some reason.

[phucynwa]

Same issue, my TextField's blink cursor does not work normally.

[PatilShreyas]

@ImaginativeShohag thanks for raising the issue. Will definitely check this issue

[PatilShreyas]

This has been fixed and released in v2.1.0 🚀