Scrolling to particular element using ListView / ScrollView widget

[Kamil729]

I have a ListView of custom components that differ in height. Something like this:

component CustomComponent {
    in property <ComponentData>: component-data;

    // display the data somehow
    // height of this component is arbitrary and can differ depending on `component-data`
}

component CustomList {
    in property <[ComponentData]>: data;

    list := ListView {
        for data[idx] in root.data: CustomComponent {
            component-data: data;
        }
    }

     public function scroll-to-element(idx: int) {
        // set position based on element index
        // list.viewport-y = ...
    }
}

Now I want to scroll the list so that particular element is in view. I know that I can set the list.viewport-y to scroll it to a particular position, but how can I access the position of elements created using for ? Or is there any other way to achieve it?

EDIT:
I managed some hacky solution using ScrollView, changed callback and global singleton. It works as intended with live preview and static data, but panics with Recursion detected while reloading preview. Same panic occurs if models are loaded from native code, so it's not really useful yet.

Slint code

global Positions {
    in-out property <[length]> y-pos: [0, 0, /* ... */];
}

component CustomComponent {
    in property<int>: index;
    in property <ComponentData>: component-data;

    changed y => {
        Positions.y-pos[root.index] = root.y;
    }

    // display the data somehow
    // height of this component is arbitrary and can differ depending on `component-data`
}

component CustomList {
    in property <[ComponentData]>: data;

    list := ScrollView {
        VerticalLayout {
            for data[idx] in root.data: CustomComponent {
                index: idx;
                component-data: data;
            }
        }
    }

     public function scroll-to-element(idx: int) {
        // set position based on element index
        list.viewport-y = min(0, - Positions.y-pos[idx]);
    }
}