Whenever I click to edit the BasicFieldText, the p...

# compose-desktop

[Nuru Nabiyev]

Whenever I click to edit the BasicFieldText, the parent view (the 2D canvas that holds items) is calling the scrollable events. The parent scrolling events stop when I manually scroll the wheel when inside the element.

After investigation I understood that this is because the child item has Modifier.verticalScroll(rememberScrollState) but I don't really want for that to pass the events to the parent.

Can someone point out how to disable parent scrolling when child scroll is working? Thanks!

20241117-1152-15.5472606.mp4

[Alexander Maryanovsky]

Can you post a short reproducer?

[Nuru Nabiyev]

Will do tomorrow!

[Nuru Nabiyev]

Here is the gist: https://gist.github.com/NuruNabiyev/8e1f94433a86533362e0e0b32496ec13

Add it in your main application and you will be able to see - also added comments/logs.
Thanks for your time!

[Alexander Maryanovsky]

Try remembering the ScrollableState

[Nuru Nabiyev]

Tried it, doesn't help - canvas scroll events still trigger when I scroll in child

[Alexander Maryanovsky]

Just to clarify what you're after. You want scrolling inside the textfield not to cause scrolling of its parent when it reaches 0 or max?

[Nuru Nabiyev]

Yes

[Alexander Maryanovsky]

You can put another verticalScroll above it and always consume all the delta.

[Nuru Nabiyev]

Above what?

[Alexander Maryanovsky]

Between the textfield and your grid widget

[Nuru Nabiyev]

Still unclear. Can you indicate which line in the gist? And by "another verticalScroll" you mean additional

.verticalScroll(rememberScrollState(0))

?

[Alexander Maryanovsky]

.scrollable(
    orientation = Orientation.Vertical,
    state = remember { ScrollableState { it } }
)                   .verticalScroll(stateVertical)

[Alexander Maryanovsky]

on the Column holding the text field.

[Nuru Nabiyev]

Thus works, thanks! Now there is another problem where when clicking on text (to make it editable) the scroll is again executed. Apparently because of the if else statement where if editable then I'll show basic edit text instead of of plain text.../

[Nuru Nabiyev]

Nah, even when I remove if statement and have only "BasicTextField" then it still scrolls when I click on text

[Nuru Nabiyev]

Yes, apparently when starting a cursor in basic text field - a scroll event is happening even in parent

[Nuru Nabiyev]

I digged into library - it is due to focus. Apparently on focus the scroll function is called from CoreTextField.kt and TextFieldScroll.kt libs

[Alexander Maryanovsky]

It looks like it tries to bring the cursor into view, although it's already in view. It's possibly a bug, but also you're using scroll on textfield incorrectly. (Basic)TextField is already scrollable by itself; you should not add verticalScroll to it. The right way to do it is:

val scrollState = rememberTextFieldScrollState(orientation = Orientation.Vertical)
BasicTextField(
    value = content.value,
    onValueChange = { content.value = it },
    scrollState = scrollState
)
VerticalScrollbar(
    rememberScrollbarAdapter(scrollState)
)