IssueTracker

Jetpack Compose version: 1.5.9 Jetpack Compose component used: BottomModalSheet Android Studio Build: Hedgehog 2023.1.1 Patch 2 Kotlin version: 1.9.22

Steps to Reproduce or Code Sample to Reproduce:

We have a ModalBottomSheet with a sticky TextField on the bottom. We allow both PartiallyExpanded and Expanded states. Whenever we are in the Expanded state and focus on the TextField, the resulting screen resize from the keyboard showing causes the ModalBottomSheet to switch its target state to PartiallyExpanded.

This is a pretty jarring UI experience and ideally we would just stay in the Expanded state.

I've traced it down to these lines in ModalBottomSheet.android.kt that prioritize PartiallyExpanded whenever the anchors change (via the screen size changing).

Here is a sample project and video is included:

@OptIn(ExperimentalMaterial3Api::class)
@Composable
fun Screen() {
    var isShowingDialog by remember { mutableStateOf(false) }
    var text by remember { mutableStateOf("") }

    var modalHeight by remember { mutableIntStateOf(0) }
    val sheetState = rememberModalBottomSheetState()

    Box(Modifier.fillMaxSize(), contentAlignment = Alignment.Center) {
        Button(onClick = { isShowingDialog = true }) {
            Text(text = "Show dialog")
        }
    }

    if (isShowingDialog) {
        ModalBottomSheet(
            onDismissRequest = { isShowingDialog = false },
            modifier = Modifier.onGloballyPositioned { modalHeight = it.size.height },
            sheetState = sheetState,
        ) {
            Column {
                Text("Content", modifier = Modifier.weight(1f))
                TextField(
                    value = text,
                    onValueChange = { text = it},
                    modifier = Modifier
                        .padding(16.dp)
                        .fillMaxWidth()
                        .offset {
                            IntOffset(
                                x = 0,
                                y = -sheetState
                                    .requireOffset()
                                    .toInt()
                                    .coerceAtMost(modalHeight / 2)
                            )
                        }
                )
            }
        }
    }
}