IssueTracker

TextField with singleLine = true does not consume the enter key. It passed imeOptions(singleLine = true) but IME never consumes the click. This becomes a problem when using a TextField in a dialog since focus is still on a list item in the back. Pressing enter while focusing the TextField will then cause the button in the list view in the background to be pressed again.

Here is a snippet with the issue at hand:

            MyApplicationTheme {
                val selectedRow = remember { mutableStateOf<Int?>(null) }
                val textFieldContent = remember { mutableStateOf("") }

                if (selectedRow.value != null) {
                    AlertDialog(onDismissRequest = { selectedRow.value = null }) {
                        Surface(
                            Modifier
                                .fillMaxWidth(0.8f)
                                .clip(MaterialTheme.shapes.medium)
                                .background(MaterialTheme.colorScheme.background)
                                .padding(24.dp)
                                .wrapContentHeight()
                        ) {
                            Column {
                                TextField(
                                    value = textFieldContent.value,
                                    onValueChange = { textFieldContent.value = it },
                                    keyboardActions = KeyboardActions(onDone = {
                                        selectedRow.value = null
                                    }),
                                    keyboardOptions = KeyboardOptions(
                                        imeAction = ImeAction.Done
                                    ),
                                    singleLine = true
                                )

                                Button(onClick = { selectedRow.value = null }) {
                                    Text(text = "Submit")
                                }
                            }
                        }
                    }
                }

                Surface(
                    modifier = Modifier.fillMaxSize(),
                    color = MaterialTheme.colorScheme.background
                ) {
                    LazyColumn {
                        for (i in 0..100) {
                            item {
                                Button(onClick = {
                                    // I get called when user pressed enter in the text field in the dialog :(
                                    Log.d("MainActivity", "Clicked row $i")
                                    selectedRow.value = i
                                }) {
                                    Text(text = "Row $i")
                                }
                            }
                        }
                    }
                }
            }

I've also attached a recording of the issue, I first navigate with keyboard enter the dialog and focus the TextField, enter some text and then press enter to finish my modification. This causes the dialog to close but also trigger a onClick on the button (named "Row 2") in the background thus causing the dialog to open again. On the second dialog I go to the "Confirm" button and press enter instead, this correctly consumes the press and simply closes the dialog.