Is there a way to control which composables move up when the keybard is opened? In my code: ```Box(...

# compose

[Dovydas]

Is there a way to control which composables move up when the keybard is opened?

In my code:

Box(
        modifier = Modifier.fillMaxSize().pointerInput(Unit) { detectTapGestures(onTap = { focusManager.clearFocus() }) }
    ) {
        TextButton(
            modifier = Modifier.align(Alignment.TopEnd).padding(10.dp),
            onClick = { }
        ) {
            Text(stringResource(Res.string.help),)
        }
        Column(
            modifier = Modifier.align(Alignment.Center),
            horizontalAlignment = Alignment.CenterHorizontally
        ) {
            OutlinedTextField(

Whenever I press on the TextField and it needs to move up because the keyboard is slightly in the way, the Help button at the top alos moves up, even though there is a lot of space between them. How can I make the Help message stay in place.
Note: I am using compose multiplatform and ios, I set:

fun MainViewController() = ComposeUIViewController(
    configure = {
        onFocusBehavior = OnFocusBehavior.DoNothing
    }
) { Main() }

but that only prevents the topbar from moving up, the Help message still moves up unneccesarily

[Erick]

It is possible I've done it. I would have to look back and see how I did it

[Zach Klippenstein (he/him) [MOD]]

If your app is handling insets itself and your field is in a vertical scroll container, then by default the whole scrollable content will move. You could move your button out of the scroll container or maybe do something fancier like manually adjust the spacing between the button and the field based on the inset instead of just using the built in padding modifiers. But that could be tricky to get right on small screens.

[Dovydas]

The Box is the most outer composable, so would it count as a scrollable container here?

[Dovydas]

And yes, I've set to ignore the default insets, I am managing them myself

[Zach Klippenstein (he/him) [MOD]]

The scroll container is whatever you're applying Modifier.verticalScroll to, or your LazyColumn.

[Dovydas]

Then I have no scrollable container here

[Zach Klippenstein (he/him) [MOD]]

Are you applying one of the insets padding modifiers somewhere? E.g. imePadding, contentPadding, etc

[Dovydas]

I am applying innerPadding from a Scaffold to another Box that the Box from my code snippet is in. Removing that padding makes the Help text stay, but without that padding it is in the status bar.

[Zach Klippenstein (he/him) [MOD]]

The one that takes a `WindowInsets`? I'm not sure from the code you've posted why the button would be moving past the bounds of the layout, which is what sounds like is happening.

[Erick]

https://github.com/ErickSorto/Dream-Journal-AI/blob/master/composeApp%2Fsrc%2Fmain%2Fjava%2Forg%2Fballistic%2Fdreamjournalai%2Fdream_add_edit%2Fpresentation%2Fpages%2FDreamPage.kt

This is how I did it

[Dovydas]

Ok so I got rid of the Scaffold (that was onyl there for testing temporarily), the Box from my code snippet is now the most outer composable.

I added the padding modifier to the Box like this:

modifier = Modifier.padding(WindowInsets.systemBars.asPaddingValues()).fillMaxSize().pointerInput(Unit) { detectTapGestures(onTap = { focusManager.clearFocus() }) }

Now the Help text is not in the status bar, but when the keyboard opens nothing moves and the textfield is obstructed

[Zach Klippenstein (he/him) [MOD]]

systemBars doesn't include IME padding i believe. Try safeContentPadding

[Dovydas]

Ok nice, with safeContentPadding it moves up, but quite a lot. Is there a way to modify for example how much it moves up, or specify that I want it to only move up to the TextField and anything below that can be obstructed?

[Zach Klippenstein (he/him) [MOD]]

Kinda – the padding is only applied to what the modifier is applied to, so you could apply it to a more inner container. But that requires a particular layout structure so might be awkward.

[Zach Klippenstein (he/him) [MOD]]

Things should only move up enough to account for the IME size, if it's more than that something might be double-applying it

[Dovydas]

Is there a way to get imePadding() not as a function but as the padding values. Because what I'm thinking is I add ime padding to my whole center column and then just subtract the height of the bottom things I want to get obstructed.

[Zach Klippenstein (he/him) [MOD]]

don't know off the top of my head exactly how, but i'd start by looking at the impl of imePadding

[Dovydas]

Something like this kinda works on the column:

modifier = Modifier.align(Alignment.Center).padding(bottom = (WindowInsets.ime.asPaddingValues().calculateBottomPadding() - 200.dp).coerceAtLeast(0.dp) ),

I'll try some more things out later but I got the general idea now. Thank you some much for the help :)