export component testText inherits Rectangle {
    in-out property <string> text : "abcdefghijklmnopqrstuvwxyzabcdefghijklmn";
    in-out property <length> font-size : 14px;
    property <int> size;

    background: blue;
    border-radius: 30px;
    min-height: font-size*2.5;

    VerticalLayout {
        padding: parent.border-radius/2;

        ScrollView {
            vertical-scrollbar-policy: always-on;

            Rectangle {
                background: green;
            }

            property <int> hg : 20;

            TextInput {
                vertical-alignment: center;
                height: 20px;
                page-height: 20px;
                font-size: 15px;
                single-line: false;
                text: text;
                edited => {
                    text = self.text;
                    hg = self.height/1px;
                }
            }
            Text {
                text: hg;
                x:0px;
                y:50px;
            }
        }
    }
    Text {
        text: parent.width/1px;
        x: 5px;
        y: 5px;
    }