ScrollView not increasing size after images load

Given this example:

<App Theme="Basic" Background="##000">
    <JavaScript>
        var items = [
            {'text' : 'Text 1', 'image':'https://www.fusetools.com/assets/images/logo_white.png'},
            {'text' : 'Text 2', 'image':'https://www.missionmanager.com/wp-content/uploads/2015/08/red-number-2-300x240.jpg'},
            {'text' : 'Text 3', 'image':'https://www.missionmanager.com/wp-content/uploads/2015/08/red-number-3-300x240.jpg'},
            {'text' : 'Text 4', 'image':'https://www.missionmanager.com/wp-content/uploads/2015/08/red-number-4-300x240.jpg'},
            {'text' : 'Text 5', 'image':'https://www.missionmanager.com/wp-content/uploads/2015/08/red-number-5-300x240.jpg'},
            {'text' : 'Text 6', 'image':'http://infidelityrecoveryinstitute.com.au/wp-content/uploads/2014/08/red-number-6-300x240.jpg'},
            {'text' : 'Text 7', 'image':'https://www.missionmanager.com/wp-content/uploads/2015/08/red-number-7-215040-300x240.jpg'},
            {'text' : 'Text 8', 'image':'https://www.missionmanager.com/wp-content/uploads/2015/08/red-number-8-300x240.jpg'},
            {'text' : 'Text 9', 'image':'https://www.missionmanager.com/wp-content/uploads/2015/08/red-number-9-300x240.jpg'},

            {'text' : 'Text 10', 'image':'https://www.fusetools.com/assets/images/logo_white.png'}
        ];
        module.exports = {
            items: items
        }
    </JavaScript>
    <ScrollView>
    <StackPanel>
        <Each Items="{items}">
            <StackPanel>
                <Button Text="{text}" />
                <Image Url="{image}" />
            </StackPanel>
        </Each>
    </StackPanel>
    </ScrollView>
</App>

it will not allow scrolling down to the bottom unless you rotate aspect twice after the images load. (Or hot reload). This is on OSX Fuse Local Preview.

Thanks, making a ticket on this!