import QtQuick 2.11
import QtQuick.Window 2.11
import QtQuick.Controls 2.3

Window {
    id: window
    visible: true
    width: 800
    height: 300
    title: qsTr("Sample")

    Row {

        Rectangle{
            id: rectOk_0
            width: 150
            height: 500
            ListView {
                id: lvOk_0
                anchors.fill: parent
                clip: true
                model: 5
                delegate: Rectangle {
                    width: lvOk_0.width
                    height: 40
                    TextField {
                        id: tfOk_0
                        placeholderText: "Good placeholder"
                        anchors.fill: parent
                    }
                }
            }
        }

        Rectangle{
            id: rectOk_1
            width: 150
            height: 500
            ListView {
                id: lvOk_1
                anchors.fill: parent
                clip: true
                model: 5
                delegate: Rectangle {
                    width: lvOk_1.width
                    height: 40
                    TextField {
                        id: tfOk_1
                        placeholderText: "Very good placeholder"
                        anchors.fill: parent
                    }
                }
            }
        }

        Rectangle{
            id: rectBug_0
            width: 150
            height: 500
            ListView {
                id: lvBug_0
                anchors.fill: parent
                clip: true
                model: 5
                delegate: Item {
                    width: lvBug_0.width
                    height: 40
                    Rectangle {
                        anchors.fill: parent
                        TextField {
                            id: tfBug_0
                            placeholderText: "Bad, bad placeholder"
                            anchors.fill: parent
                        }
                    }
                }
            }
        }

        Rectangle{
            id: rectOk_2
            width: 150
            height: 500
            ListView {
                id: lvOk_2
                anchors.fill: parent
                clip: true
                model: 5
                delegate: Item {
                    width: lvOk_2.width
                    height: 40
                    Rectangle {
                        anchors.fill: parent
                        TextField {
                            id: tfOk_2
                            placeholderText: "Good news everyone!"
                            anchors.left: parent.left
                            anchors.right: parent.right
                            anchors.top: parent.top
                        }
                    }
                }
            }
        }


        Rectangle{
            id: rectBug_1
            width: 150
            height: 500
            ListView {
                id: lvBug_1
                anchors.fill: parent
                clip: true
                model: 5
                delegate: Item {
                    width: lvBug_1.width
                    height: 40
                    Rectangle {
                        anchors.fill: parent
                        TextField {
                            id: tfBug_1
                            placeholderText: " - Fly, you fools! - Gandaaalf!"
                            anchors.left: parent.left
                            anchors.right: parent.right
                            anchors.top: parent.top
                            anchors.bottom: parent.bottom
                        }
                    }
                }
            }
        }

    }
}