Cursor in empty BasicTextField only on Left (Start) side on Linux when TextAlign is on Right (End) side

[GazimSoliev]

Cursor in empty BasicTextField only on Left (Start) side on Linux when TextAlign is on Right (End) side

Compose: 1.3.0
Kotlin: 1.8.0
OS: 6.1.9-1-MANJARO
Architecture: x86

On Linux:

If write something:

On Android:

If write something:

[pjBooms]

Thank you for your report! It would be great, if you could attach the reproducing sample not only the screenshot so we would not need to make it from the screenshot.

[igordmn]

Reproduces on Windows too

import androidx.compose.material.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.text.TextStyle
import androidx.compose.ui.text.style.TextAlign
import androidx.compose.ui.window.singleWindowApplication

fun main() = singleWindowApplication {
    var text by remember { mutableStateOf("") }
    TextField(text, { text = it }, textStyle = TextStyle.Default.copy(textAlign = TextAlign.End))
}

[GazimSoliev]

Thank you for your report! It would be great, if you could attach the reproducing sample not only the screenshot so we would not need to make it from the screenshot.

AppTheme {
    Surface(Modifier.fillMaxSize()) {
                Box(contentAlignment = Alignment.Center) {
                    var text by remember {
                        mutableStateOf(TextFieldValue())
                    }
                    BasicTextField(
                        modifier = Modifier
                            .height(100.dp).width(300.dp)
                            .background(Color.Yellow).padding(32.dp),
                        value = text, onValueChange = {
                            text = it
                        }, textStyle = TextStyle.Default.copy(textAlign = TextAlign.Right)
                    )
                }
            }
}

[mahozad]

Center alignment in desktop has this problem too.
When field becomes empty, the cursor goes to the left instead of staying at the center:

BasicTextField(
            value = "",
            onValueChange = {},
            textStyle = LocalTextStyle.current.copy(
                textAlign = TextAlign.Center
            ),

[gutnikvk]

Any updates on this? Still reproducing on Compose 1.6.2.

[MatkovIvan]

Should be fixed by JetBrains/compose-multiplatform-core#1354

[okushnikov]

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