Understanding width constraint from Layout

[jmEvoqua]

Hi,

maybe I am missing something, but I would have expected that in the following code snippet all cases behave the same.

component Base inherits Rectangle {
    width: 480px;
    height: 240px;
    background: gray;
    VerticalLayout {
        Rectangle {
            background: green;
        }

        @children
    }
}

component Derived inherits Base {

    Rectangle {
        background: red;
        width: 300px;
    }
}

component Composed {
    Base {
        Rectangle {
            background: red;
            width: 300px;
        }
    }
}

export component Main inherits Window {
    background: black;
    // Case 1:
    Derived{}

    // Case 2:
    //Composed{}

    // Case 3:
    //Base {
    //    Rectangle {
    //        background: red;
    //        width: 300px;
    //    }
    //}
}

But case 1 and 3 force the width on the window. Also I do not understand why it is forcing the width of 300px on the window and not 480px. The base rectangle has the size of 480px but is cutoff.

In case 2 the window can be resized freely.

Why are the cases different? And why will the inner rectangle dictate the width of the outer window ignoring the width of the base rectangle?

[jmEvoqua]

Maybe it is related to #6821 . But I am still struggling to understand why the width constraint is from the inner rectangle.