IssueTracker

When using imePadding() modifier in a Compose Dialog with a TextField and LazyColumn, the LazyColumn does not properly adjust for the on-screen keyboard on Samsung devices, while it works correctly on Pixel devices. This inconsistency creates a poor user experience as content is obscured by the keyboard on affected devices.

Using Dialog with decorFitsSystemWindows = false solves the imePadding issue, however introduces visual bugs like dialog not centering in window (both devices, when list is empty or few items) and visual glitches under top system bars (Samsung).

@Composable
fun ProblemDialog(onDismiss: () -> Unit) {
    // Generate a list of 20 items for testing
    val itemsList = List(20) { "List Item ${it + 1}" }
    var textValue by remember { mutableStateOf("") }

    Dialog(onDismissRequest = onDismiss) {
        Surface(
            modifier = Modifier
                .fillMaxWidth()
                .imePadding()
        ) {
            Column(
                modifier = Modifier.fillMaxSize()
            ) {
                // TextField at the top
                OutlinedTextField(
                    value = textValue,
                    onValueChange = { textValue = it },
                    label = { Text("Type here to open keyboard") },
                    modifier = Modifier
                        .fillMaxWidth()
                        .padding(16.dp)
                )

                // LazyColumn with items
                LazyColumn(
                    modifier = Modifier.weight(1f, fill = false)
                ) {
                    items(itemsList) { item ->
                        ListItem(
                            headlineContent = { Text(item) },
                            supportingContent = { Text("Supporting text for $item") },
                            leadingContent = {
                                Box(
                                    modifier = Modifier
                                        .size(40.dp)
                                        .background(MaterialTheme.colorScheme.primary),
                                    contentAlignment = Alignment.Center
                                ) {
                                    Text(
                                        text = item.last().toString(),
                                        color = MaterialTheme.colorScheme.onPrimary
                                    )
                                }
                            },
                            modifier = Modifier
                                .fillMaxWidth()
                                .padding(vertical = 4.dp, horizontal = 8.dp)
                                .background(MaterialTheme.colorScheme.surfaceVariant)
                        )
                    }
                }

                // Bottom row with buttons
                Row(
                    modifier = Modifier
                        .fillMaxWidth()
                        .padding(8.dp),
                    horizontalArrangement = Arrangement.End
                ) {
                    TextButton(onClick = onDismiss) {
                        Text("CANCEL")
                    }

                    Spacer(modifier = Modifier.width(8.dp))

                    Button(onClick = onDismiss) {
                        Text("OK")
                    }
                }
            }
        }
    }
}

Jetpack Compose version: 1.8.0-beta03 Jetpack Compose component used: Dialog Android Studio Build: #AI-243.22562.218.2431.13114758 Kotlin version: 2.1.20