Apologies if this question is obvious, I've spent ...

# compose-desktop

[mikehearn]

Apologies if this question is obvious, I've spent a while searching (even asking chatgpt) but how do I get a working vertical scrollbar on a multi-line text field. For some reason one doesn't appear by default. I tried using VerticalScrollbar and syncing them via a scrollState but it doesn't seem to work properly.

[Kirill Grouchnikov]

See maybe where https://github.com/JetBrains/compose-multiplatform-core/blob/jb-main/compose/foundation/foundation/src/desktopMain/kotlin/androidx/compose/foundation/v2/Scrollbar.desktop.kt#L358 is used

[Igor Demin]

Desktop has an experimental API for BasicTextField + Scrollbar connection:

import androidx.compose.foundation.ExperimentalFoundationApi
import androidx.compose.foundation.VerticalScrollbar
import androidx.compose.foundation.gestures.Orientation
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.fillMaxHeight
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.rememberScrollbarAdapter
import androidx.compose.foundation.text.BasicTextField
import androidx.compose.foundation.text.TextFieldScrollState
import androidx.compose.runtime.remember
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.window.singleWindowApplication

@OptIn(ExperimentalFoundationApi::class)
fun main() = singleWindowApplication {
    val scrollState = remember { TextFieldScrollState(Orientation.Vertical) }

    Box(Modifier.fillMaxSize()) {
        BasicTextField(
            value = (1..10000).joinToString { "a " },
            {},
            modifier = Modifier.fillMaxSize(),
            scrollState = scrollState
        )

        VerticalScrollbar(
            rememberScrollbarAdapter(scrollState),
            modifier = Modifier.fillMaxHeight().align(Alignment.CenterEnd)
        )
    }
}

(it doesn't exist for TextField)

[mikehearn]

thank you both