Frozen composition with pager and text field

[alexzhirkevich]

Describe the bug
Weird frozen composition bug with Scaffold, HorizontalPager and text field (basic or material).
Input doesn't work, content inside pager is unresponsive until external recomposition occurred.
Happens only when pagerState.targetPage is read from some drawing context inside topBar or bottomBar

Works fine in 1.6.10-dev1575. Doesn't work starting from 1.6.10-dev1578
Possibly related: JetBrains/compose-multiplatform-core#1260

Affected platforms
Skiko backed

Versions

• Kotlin version*: 1.9.23
• Compose Multiplatform version*: 1.6.10-dev1578

To Reproduce

1. Launch app
2. Try input something - nothing happens
3. Resize window to force recomposition
4. Input becomes responsive

import androidx.compose.foundation.ExperimentalFoundationApi
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.Spacer
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.pager.HorizontalPager
import androidx.compose.foundation.pager.rememberPagerState
import androidx.compose.material3.Scaffold
import androidx.compose.material3.TextField
import androidx.compose.runtime.getValue
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.runtime.setValue
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.drawBehind
import androidx.compose.ui.window.singleWindowApplication

@OptIn(ExperimentalFoundationApi::class)
fun main() {
    singleWindowApplication {
        val pagerState = rememberPagerState { 1 }
        Scaffold(
            modifier = Modifier.fillMaxSize(),
            topBar = {
                Spacer(Modifier.drawBehind {
                    pagerState.targetPage
                })
            }
        ) {
            HorizontalPager(
                modifier = Modifier.fillMaxSize(),
                state = pagerState,
            ) {
                Box(
                    modifier = Modifier.fillMaxSize(),
                    contentAlignment = Alignment.Center
                ) {

                    var value by remember {
                        mutableStateOf("Resize window to force recomposition")
                    }
                    TextField(
                        value = value,
                        onValueChange = { value = it },
                    )
                }
            }
        }
    }
}

[okushnikov]

Please check the following ticket on YouTrack for follow-ups to this issue. GitHub issues will be closed in the coming weeks.