ListView components cannot be dynamically resized correctly before first flick

import Qt 4.7

ListView {
    id: flick
    width: 150; height: 180

    model: ListModel {
        ListElement {}
        ListElement {}
        ListElement {}
        ListElement {}
        ListElement {}
    }

    delegate: Rectangle {
        id: rect
        width: 100; height: 50; border.width: 1
        Text { text: index+1 }
        MouseArea {
            anchors.fill: parent
            onClicked: parent.state = (parent.state == "expanded" ? '' : 'expanded')
        }
        states: State {
            name: "expanded"
            PropertyChanges { target: rect; height: flick.height; width: flick.width }
            PropertyChanges { target: flick; contentY: rect.y; explicit: true }
        }
        transitions: Transition {
            NumberAnimation { duration: 300; properties: "contentY,height,width" }
        }
    }
}