Hello all! I was working on a single-line text fie...

# compose

[mertceyhan]

Hello all! I was working on a single-line text field and our QA engineer has noticed in the copy paste case the cursor goes to second-line though we set singleLine = true on OutlinedTextField. I’ve checked the case on EditText that comes from View class but it worked well. Is this bug or something else? Here is the code:

Column(modifier = Modifier.padding(16.dp)) {
    var outlinedTextFieldValue by remember { mutableStateOf("") }
    OutlinedTextField(
        value = outlinedTextFieldValue,
        onValueChange = { newValue ->
            outlinedTextFieldValue = newValue
        },
        placeholder = { Text(text = "OutlinedTextField") },
        singleLine = true,
        maxLines = 1
    )


    AndroidView(factory = { context ->
        EditText(context).apply {
            hint = "EditText build by AndroidView"
            maxLines = 1
            isSingleLine = true
        }
    })
}

screen-20220221-145402.mp4

[mertceyhan]

As a workaround solution I’ve replaced all "\n" with a space " "

var outlinedTextFieldValue by remember { mutableStateOf("") }
OutlinedTextField(
    value = outlinedTextFieldValue,
    onValueChange = { newValue ->
        outlinedTextFieldValue = newValue.replace("\n", " ")
    },
    placeholder = { Text(text = "OutlinedTextField") },
    singleLine = true,
    maxLines = 1
)

[Siyamed]

It is the expected solution, compose doesn't filter line/paragraph breaks

[Siyamed]

The definition of singleline in material/basic should be checked though. Please create a ticket for material components as the foundation BasicTextField doesn't have the concept of singleline

[Siyamed]

Also what you get afaik can be any of the following characters (especially with copy paste)

[Siyamed]

https://stackoverflow.com/questions/25915073/detect-line-breaks-in-a-char

[mertceyhan]

Also we’ve noticed there is an issue with manipulating the new value in onValueChange . https://blog.shreyaspatil.dev/filtering-and-modifying-text-input-in-jetpack-compose-way. We’ve written a SingleLineVisualTransformation and it works fine right now. But we weren’t expecting that even though maxLines = 1 . I’ll create a ticket and I’ll consider the different line breaks in char. Thanks a lot Siyamed

[mertceyhan]

https://issuetracker.google.com/issues/220676304

[mertceyhan]

I’ve checked BasicTextField and it has maxLines and singleLine parameters but it works well on the copy-paste case. The implementation of it is different than OutlinedTextField .

https://developer.android.com/reference/kotlin/androidx/compose/foundation/text/package-summary#BasicTextField(kotlin.St[…]s.Brush,kotlin.Function1)

[Siyamed]

thanks. I probably misread BasicText instead of BasicTextField in the docs when I checked.