Any pointers on how to use BringIntoViewRequester properly with padding around boundaries? I have us...

# compose

[vide]

Any pointers on how to use BringIntoViewRequester properly with padding around boundaries? I have used an approach of using a custom rect with .bringIntoView() before but this seems to break after 1.4.0-alpha03 . 🧵

[vide]

This is how it used to work

bringintoview-1.4.0-alpha03.webm

[vide]

This is how the same code "works" on 1.4.0

bringintoview-1.4.0.webm

[vide]

The idea is to scroll so that there's always a little bit of the next big square showing.

[vide]

This is the bigger square container:

.border(2.dp, Color.Black)
.bringIntoViewRequester(bringIntoViewRequester)
.focusProperties { canFocus = false }
.onFocusChanged {
    if (it.isFocused) {
        scope.launch {
            bringIntoViewRequester.bringIntoView(
                Rect(-200F, -200F, 200F, 200F)
            )
        }
    }
}
.focusTarget()

[vide]

I am not sure if this is a bug or if it has never been the correct approach to this 😅