ListView in a SwipeView scroll problem

ApplicationWindow {
    visible: true
    width: 640
    height: 480
    title: qsTr("Scroll listview and click to second tab")

    SwipeView {
        id: swipeView
        anchors.fill: parent
        currentIndex: tabBar.currentIndex

        Page {
            ListView {
                model: 12
                anchors.fill: parent
                delegate: Rectangle {
                    height: 30
                    width: 640
                    color: index % 2 ? "#ddd" : "sky blue"
                }
            }
        }

        Page {
            Label {
                text: qsTr("Second page")
                anchors.centerIn: parent
            }
        }
    }

    footer: TabBar {
        id: tabBar
        currentIndex: swipeView.currentIndex
        TabButton {
            text: qsTr("First")
        }
        TabButton {
            text: qsTr("Second")
        }
    }
}