PageControl doesn't work inside <Each>

Bug Reports
1

Test case:

<App>
    <JavaScript>
        var Observable = require("FuseJS/Observable");

        var myList = Observable("this", "is", "a", "test");

        module.exports = {
            myList: myList
        }
    </JavaScript>
    <StackPanel Background="#000">
        <Each Items="{myList}">
            <Panel Margin="10" Height="75" Visibility="Visible" HitTestMode="LocalVisualAndChildren">
                <PageControl Active="contents">
                    <Page Background="#FFF">
                    </Page>

                    <Page Background="#FFF" Name="contents">
                        <Text Value="{}" FontSize="15" />

                    </Page>

                    <Page Background="#FFF">
                    </Page>
                </PageControl>
            </Panel>
        </Each>
    </StackPanel>

</App>

So everything displays correctly but it won’t swipe at all, or have a hitbox of any kind, even in design view you can’t select it.

IMPORTANT: if you remove <Each> and just make one hard-coded instance in the UX, it’ll work. What?

2

I’ve just tested this on the currnent internal version and it works. I fixed an issue relating to dynamic nodes and hit testing, it’s possibly what causes this problem as well.

3

This release is now available on #pre-release-testing in the community Slack if you want to give it a try.