If you remove a child from a Vertical that is height: auto the Vertical doesn't shrink in heigh

[davep]

Given this example code:

from textual.app        import App, ComposeResult
from textual.containers import Vertical
from textual.widgets    import Header, Footer, Label

class VerticalRemoveApp( App[ None ] ):

    CSS = """
    Vertical {
        border: round green;
        height: auto;
    }

    Label {
        border: round yellow;
        background: red;
        color: yellow;
    }
    """
    BINDINGS = [
        ( "a", "add", "Add" ),
        ( "d", "del", "Delete" ),
    ]

    def compose( self ) -> ComposeResult:
        yield Header()
        yield Vertical()
        yield Footer()

    def action_add( self ) -> None:
        self.query_one( Vertical ).mount( Label( "This is a test label" ) )

    def action_del( self ) -> None:
        if self.query_one( Vertical ).children:
            self.query_one( Vertical ).children[ -1 ].remove()

if __name__ == "__main__":
    VerticalRemoveApp().run()

You can see that the Vertical will grow in hight fine as you add items, but as you remove them it doesn't shrink again. Doing a refresh( layout=True ) on the Vertical after the remove on the child makes it work as expected. For example:

diff --git a/vertical_remove.py b/vertical_remove.py
index f252456..4195abe 100644
--- a/vertical_remove.py
+++ b/vertical_remove.py
@@ -34,6 +34,7 @@ class VerticalRemoveApp( App[ None ] ):
     def action_del( self ) -> None:
         if self.query_one( Vertical ).children:
             self.query_one( Vertical ).children[ -1 ].remove()
+            self.query_one( Vertical ).refresh( layout=True )

 if __name__ == "__main__":
     VerticalRemoveApp().run()

[github-actions]

Don't forget to star the repository!

Follow @textualizeio for Textual updates.