GridContainer does not position and resize its children in a grid

[SandroMaglione]

Godot version

v4.1.stable.official.970459615

System information

MacBook Pro - macOS 13.3.1

Issue description

I am having an hard time with layouts in general, and in this case specifically with GridContainer.

I tried to recreate the same example shown in the docs:

I create the same node tree, but the result looks different:

I expect that the GridContainer would size its child nodes to fit the available space in 2 equally sized columns. As you can see, the buttons are not resized at all.

This is even worst when the child node is a custom layout. The GridContainer does not reside its children and they all have a 0px width, making the scene look empty.

Steps to reproduce

Try to recreate the example in the docs in a new Godot project should be enough to test the issue.

Minimal reproduction project

N/A

[KoBeWi]

You need to enable set alignment with Expand flag (in the menu at the top toolbar).

[SandroMaglione]

After some attempts at changing the expand values of both container and child nodes I was able to achieve horizontal stretching:

The idea is to have Horizontal alignment set to fill and expand for child nodes (no need on the container):

@KoBeWi Is this correct?

[KoBeWi]

Yes.

[SandroMaglione]

Great! Thanks @KoBeWi

Extra note: In my case I wanted the horizontal layout to stretch (expand), while keeping the same height vertically. This can be achieved by setting a Custom Minimum Size in Layout for child nodes: