Hi Guys 👋 . I Hope one of you can help me. Problem • Working with an OutlinedTextField in Compose to accept phone number input. • Need to format the phone number based on the country’s phone number pattern. • Once formatted, the cursor is no longer at the end of the phone number. Attempted Solution • Added a TextFieldValue with a selection TextRange at the end of the input. Issue with Attempted Solution • Prevents the user from moving the cursor. Request for Help • Looking for suggestions on how to allow the user to move the cursor. • Also need to ensure that if the user enters a valid number according to the country’s format, the cursor is set to the end.

My guess is that you format in the

onValveChange

hook?

That I didn’t know thank you. However, it doesn’t really help me. I still don’t know how to move the cursor without setting the TextRange(value.length). And if I do this then the cursor won’t move

I'm not following...

onValueChange = { update -> 
  if (update.text == curentValue.text) {
    // apparently just moving the cursor, let it go through as is
    currentValue = update
  } else {
    // text changed, we'll need to format it I guess
    val formatted = format(update.text)
    currentValue = TextFieldValue(formatted, TextRange(formatted.length)
}

... or something like that