Component with visible: false still takes layout space

[jmEvoqua]

Bug Description

If I understand the docs correctly, then an element with visible: false should not take any space in a layout?

When an element has 0 opacity it will still take up layout space and any gesture handling will continue to work. If the intent is to hide an element so it has no gesture handling or no longer takes up layout space, use the visible property instead.

https://docs.slint.dev/latest/docs/slint/reference/common/#opacity

But this seems not to be the case. The element still takes its space in the layout. Even if the size is 0px it counts as extra element, which causes extra spacing, if defined in the layout.

Reproducible Code (if applicable)

export component Demo {
    VerticalLayout {
        spacing: 20px;
        Rectangle {
            width: 180px;
            height: 180px;
            background: #315afd;
            opacity: 0.5;
        }

        Rectangle {
            width: 180px;
            height: 180px;
            background: green;
            opacity: 0.5;
            visible: false;
        }

        Rectangle {
            width: 180px;
            height: 180px;
            background: green;
            opacity: 1;
            
        }
        Rectangle {
            width: 180px;
            height: 0px;
            background: green;
            opacity: 0.5;
            visible: false;
        }
    }
}

Environment Details

• Slint Version: 1.9.1

Product Impact

No response