import QtQuick 2.0

Grid {
    columns: 2
    width: 100; height: 100
    function verify() {
        if (item1.KeyNavigation.right != item2)
            return false;
        if (item1.KeyNavigation.down != item3)
            return false;
        if (item1.KeyNavigation.tab != item2)
            return false;
        if (item1.KeyNavigation.backtab != item4)
            return false;

        if (item2.KeyNavigation.left != item1)
            return false;
        if (item2.KeyNavigation.down != item4)
            return false;
        if (item2.KeyNavigation.tab != item3)
            return false;
        if (item2.KeyNavigation.backtab != item1)
            return false;

        if (item3.KeyNavigation.right != item4)
            return false;
        if (item3.KeyNavigation.up != item1)
            return false;
        if (item3.KeyNavigation.tab != item4)
            return false;
        if (item3.KeyNavigation.backtab != item2)
            return false;

        if (item4.KeyNavigation.left != item3)
            return false;
        if (item4.KeyNavigation.up != item2)
            return false;
        if (item4.KeyNavigation.tab != item1)
            return false;
        if (item4.KeyNavigation.backtab != item3)
            return false;

        return true;
    }

    Rectangle {
        id: item1
        objectName: "item1"
        focus: true
        width: 50; height: 50
        color: focus ? "red" : "lightgray"
        KeyNavigation.right: item2
        KeyNavigation.down: item3
        KeyNavigation.tab: item2
        KeyNavigation.backtab: item4
    }
    FocusScope {
        Rectangle {
            id: item2
            objectName: "item2"
            width: 50; height: 50
            color: focus ? "red" : "lightgray"
            KeyNavigation.left: item1
            KeyNavigation.down: item4
            KeyNavigation.tab: item3
            KeyNavigation.backtab: item1
        }
    }
    FocusScope {
        Rectangle {
            id: item3
            objectName: "item3"
            width: 50; height: 50
            color: focus ? "red" : "lightgray"
            KeyNavigation.right: item4
            KeyNavigation.up: item1
            KeyNavigation.tab: item4
            KeyNavigation.backtab: item2
        }
        FocusScope {
            Rectangle {
                id: item4
                objectName: "item4"
                width: 50; height: 50
                color: focus ? "red" : "lightgray"
                KeyNavigation.left: item3
                KeyNavigation.up: item2
                KeyNavigation.tab: item1
                KeyNavigation.backtab: item3
            }
        }
    }
}