How can I execute something after a Textfield loses focus? I tried it like that, but there I have to...

# compose-desktop

[Marc]

How can I execute something after a Textfield loses focus? I tried it like that, but there I have to click a second time to actually get true for the hasFocus state.. so I cant really check if I "lost focus" or "never had focus"

[Ume Channel]

Make an remember holder of that state like val isFocus by remember { mutableStateOf(false)

inside lambda { isFocus.value = it}

[Alexander Maryanovsky]

You can use this utility:

/**
 * Invokes [action] when the [InteractionSource] emits a [FocusInteraction.Focus] and then [FocusInteraction.Unfocus].
 */
@Composable
inline fun InteractionSource.onLostFocus(crossinline action: () -> Unit) {
    LaunchedEffect(this) {
        var hasFocus = false
        interactions.collect { interaction ->
            when (interaction) {
                is FocusInteraction.Focus -> hasFocus = true
                is FocusInteraction.Unfocus -> {
                    if (hasFocus)
                        action()
                    hasFocus = false
                }
            }
        }
    }
}

[Alexander Maryanovsky]

create a MutableInteractionSource and pass it to the textfield, then use that function on it