TableView is overlapping TabBar

lumbo7332

I have this main.qml:

import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
import QtQuick.Controls.Imagine

ApplicationWindow {
    visible: true
    width: Screen.width
    height: Screen.height
    title: "Portmod"

    TabBar {
        id: bar
        width: parent.width
        TabButton {
            text: "Manage"
            width: implicitWidth
        }
        TabButton {
            text: "Search"
            width: implicitWidth
        }
    }

    StackLayout {
        width: parent.width
        height: parent.height
        currentIndex: bar.currentIndex
        TableView {
            id: manageTab
            columnSpacing: 1
            rowSpacing: 1
            clip: true

            model: installed_pkgs_model

            selectionModel: ItemSelectionModel {}

            delegate: Rectangle {
                implicitWidth: 300
                implicitHeight: 50
                color: selected ? "blue" : "lightgray"

                required property bool selected

                Text {
                    text: display
                }
            } 
        }
        Item {
            id: searchTab
        }
    }
}

It's working, except the TableView is overlapping with the TabBar, and I have to drag the TableView out of the way to see it.

Screenshot