Cursor goes to start when BasicTextField gets empty when using TextAlign.Center

Describe the bug When removing all the text in a basic text field, the cursor (blinking vertical line) goes to the start of text field instead of staying at center.

Screenshot (59)

Affected platforms

Desktop (Windows, Linux, macOS)

Versions

Kotlin version*: 1.9.23
Compose Multiplatform version*: 1.6.2 (and previous versions)
OS version(s)* (required for Desktop and iOS issues): Windows 11
OS architecture (x86 or arm64): x86
JDK (for desktop issues): 21

To Reproduce


fun main() = application {
    Window(onCloseRequest = ::exitApplication) {
        MyCustomTextField()
    }
}

@OptIn(ExperimentalMaterialApi::class)
@Composable
private fun MyCustomTextField() {
    var text by remember { mutableStateOf("1.2.3.4") }
    val interactionSource = remember(::MutableInteractionSource)
    Box(contentAlignment = Alignment.CenterEnd, modifier = Modifier.width(500.dp)) {
        BasicTextField(
            value = text,
            onValueChange = { text = it },
            cursorBrush = SolidColor(MaterialTheme.colors.onSurface),
            textStyle = LocalTextStyle.current.copy(textAlign = TextAlign.Center), // <<<<<<<<<<<< -------------
            interactionSource = interactionSource,
            modifier = Modifier
                .fillMaxWidth()
                .height(36.dp)
                .background(Color.LightGray)
        ) {
            CompositionLocalProvider(LocalLayoutDirection provides LayoutDirection.Ltr) {
                TextFieldDefaults.TextFieldDecorationBox(
                    value = text,
                    innerTextField = it,
                    singleLine = true,
                    enabled = true,
                    placeholder = {
                        Text(
                            text = "hint",
                            style = LocalTextStyle.current.copy(textAlign = TextAlign.Center),
                            fontSize = 9.sp,
                            modifier = Modifier.fillMaxWidth()
                        )
                    },
                    visualTransformation = VisualTransformation.None,
                    interactionSource = interactionSource,
                    contentPadding = TextFieldDefaults.textFieldWithoutLabelPadding(top = 0.dp, bottom = 0.dp)
                )
            }
        }
    }
}

Expected behavior The cursor should stay at center or there should be an option to customize its behavior.

JetBrains / compose-multiplatform

Cursor goes to start when BasicTextField gets empty when using TextAlign.Center #4743