A modern programming language that makes developers happier.

kotlinlang

Screencast from 2023-09-23 20-31-58.webm

Hello, I have a problem with `material3.OutlinedTextField`, the cursor is randomly moved one character left when writing text in it

This happens on `linux_x64` with compose version `1.5.10-beta01`

the text of the textfield is actually from a `StateFlow` that is being collected:

```val state by component.state.collectAsState()

OutlinedTextField(
  value = state.name,
  onValueChange = component::setName,
  label = { Text("Name") },
  isError = !state.isNameValid
)```


<https://medium.com/androiddevelopers/effective-state-management-for-textfield-in-compose-d6e5b070fbe5|https://medium.com/androiddevelopers/effective-state-management-for-textfield-in-compose-d6e5b070fbe5>

directly states
&gt; At the moment, it is not recommended to use reactive streams to define the state variable for TextField.
&gt; 
with `.collectAsState()` being the given example of what *not* to do

There is a workaound, that works for us:
```@Composable
fun &lt;T&gt; MutableStateFlow&lt;T&gt;.collectAsStateForTextField() =
    collectAsState(Dispatchers.Main.immediate)```

<https://developer.android.com/jetpack/compose/mental-model#parallel> there's no guarantee that will continue working