Elide causes contentWidth to become zero

        RowLayout {
            id: rowLayout

            anchors.fill: parent

            spacing: 5

            Component.onCompleted: {
                console.log("headerText.contentWidth",headerText.contentWidth,"oddsText.contentWidth",oddsText.contentWidth);
            }

            Rectangle {
                id: headerTextContainer

                Layout.fillHeight: true
                Layout.fillWidth: true

                color: "blue"

                Text {
                    id: headerText

                    height: parent.height
                    width: parent.width

                    elide: Text.ElideRight

                    text: "Helllloooooooooo"
                }
            }

            Rectangle {
                id: oddsTextContainer

                Layout.fillHeight: true
                Layout.fillWidth: true

                color: "green"

                Text {
                    id: oddsText

                    height: parent.height
                    width: parent.width

                    text: "Helllloooooooooo"
                }
            }
        }