I experience weird behaviour when switching between two TextFields. Tapping to another field causes ...

# compose-ios

[Slavi]

I experience weird behaviour when switching between two TextFields. Tapping to another field causes keyboard to hide and quickly appear again. Any suggestions on how to fix this? I haven't found any similar complaints, so I guess it's not a common issue. My code example is quite simple though

[Slavi]

RPReplay_Final1700313029.MP4

RPReplay_Final1700313029.MP4

[Slavi]

var email by remember { mutableStateOf("") }
var password by remember { mutableStateOf("") }
Column(
    modifier = Modifier.fillMaxSize(),
) {
    TextField(
        value = email,
        onValueChange = { email = it },
    )

    TextField(
        value = password,
        onValueChange = { password = it },
    )
}

[Joel Denke]

https://developer.android.com/jetpack/compose/touch-input/focus/change-focus-behavior#request-keyboard

[Joel Denke]

For ordered focus, do like:

Modifier
    .focusProperties { right = Default }
    .focusProperties { right = item1 }
    .focusProperties { right = item2 }
    .focusable()

[Slavi]

@Joel Denke Sorry, I don't understand how to apply your solution. As far as I can understand, this article is mostly about how to pass and request focus. I don't have any problem with requesting focus on those fields atm.

The issue is keyboard being reopened on every focus change. I struggle to understand how focus ordering will help with it

[Joel Denke]

I think it will deal with keyboard opening avoided by having proper focus request to make sure delegate between each field, like click on it. Could ofc be an iOS bug in CMP. But from my understanding should help.

[Slavi]

if this:

val emailFocusRequester = remember { FocusRequester() }
val passwordFocusRequester = remember { FocusRequester() }

var email by remember { mutableStateOf("") }
var password by remember { mutableStateOf("") }

Column {
    TextField(
        modifier = Modifier
            .focusRequester(emailFocusRequester)
            .focusProperties { right = passwordFocusRequester },
        value = email,
        onValueChange = { email = it },
    )
    TextField(
        modifier = Modifier
            .focusRequester(passwordFocusRequester)
            .focusProperties {
                left = emailFocusRequester
                right = FocusRequester.Default
            },
        value = password,
        onValueChange = { password = it },
    )
}

is what Joel advised me to try, then it didn't work as well. I still see keyboard being turned down and pulled back on every click to neighbour text field

[Kashismails]

have you find any solution to this?

[Slavi]

Nope

[Kashismails]

@Dima Avdeev can we please get a solution to this asap 🥹 🥹 🥹

[Slavi]

Issue on github you mentioned was created 1 month ago. It seems atm solution is only to abandon material textfields for iOS

[Kashismails]

I have started migrating to ui text field but that would need forms to be completely migrated to uikit and thats hectic

[Kashismails]

@Slavi have you been able to do this?

[Slavi]

@Kashismails No, I'm not in such a hurry. I can wait for an official fix by jetbrains devs

[Kashismails]

i have been trying to do this but no success 😞