The DEFAULT_CSS of HorizontalGroup or VerticalGroup maybe wrong?

[XIGUAjuice]

class VerticalGroup(Widget):
    """A non-expanding container with vertical layout and no scrollbars."""

    DEFAULT_CSS = """
    VerticalGroup {
        width: 1fr;
        height: auto;
        layout: vertical;
        overflow: hidden hidden;
    }
    """

class HorizontalGroup(Widget):
    """A non-expanding container with horizontal layout and no scrollbars."""

    DEFAULT_CSS = """
    HorizontalGroup {
        width: 1fr;
        height: auto;
        layout: horizontal;
        overflow: hidden hidden;
    }
    """

I noticed both width of these two containers are 1fr and height are auto. I think that one of these should be reversed.

[TomJGooding]

Both VerticalGroup and HorizontalGroup are designed to only use as much vertical space as required to fit. The only difference is the layout of child widgets: vertically (from top to bottom), and horizontally (from left to right).

[XIGUAjuice]

OK, so if I need a container to use as much horizontal space as required, I need to create it by myself.

May I ask why do not textual provide such containers, though it is quite simple.

[willmcgugan]

The HorizontalGroup is the most common requirement when building a layout. But the containers don't cover every possibility.