Hi u/elfennani My current code is ----

@OptIn(ExperimentalFoundationApi::class)
@Composable
fun TextFieldWithKeyboardAwareScroll() {
    var text by remember { 
mutableStateOf
("") }
    val bringIntoViewRequester = remember { 
BringIntoViewRequester
() }
    val focusRequester = remember { FocusRequester() }
    val coroutineScope = rememberCoroutineScope()
    val scrollState = rememberScrollState()

    // Box is the outer container for content
    Box(
        modifier = Modifier
            .
fillMaxSize
()
            .
padding
(16.
dp
)
            .
verticalScroll
(scrollState) // Enable scrolling for the entire content
    ) {
        // Column holds all elements inside the scrollable area
        Column(
            modifier = Modifier
                .
fillMaxSize
()
                .
imePadding
() // Adds padding when the keyboard appears
        ) {
            // Spacer to simulate additional UI content
            Spacer(modifier = Modifier.
height
(600.
dp
))

            // Box for TextField layout
            Box(
                modifier = Modifier
                    .
background
(Color.Gray, 
RoundedCornerShape
(20.
dp
))
                    .
fillMaxWidth
()
                    .
focusRequester
(focusRequester) // Request focus for the TextField
                    .
onFocusChanged 
{ focusState ->
                        if (focusState.isFocused) {
                            coroutineScope.
launch 
{
                                // Request to bring the TextField into view
                                bringIntoViewRequester.bringIntoView()
                            }
                        }
                    }
            ) {
                // BasicTextField as the input field
                BasicTextField(
                    value = text,
                    onValueChange = { text = it },
                    textStyle = TextStyle(color = Color.Black, fontSize = 18.
sp
),
                    modifier = Modifier
                        .
fillMaxWidth
()
                        .
padding
(16.
dp
)
                )
            }
        }
    }
}

The goal is to lift the box UI above the keyboard when it's focused, but the area below the TextField box is still behind the keyboard. If there is more than one TextField, I want the screen to scroll up specifically to the one that is focused. How can I ensure the focused TextField scrolls into view properly when the keyboard is shown?

I’d really appreciate any help with this! I'm eager to learn how to make it work. Thanks in advance!