Visibility rule doesn't impact children

[willmcgugan]

Applying visibility: hidden to a container, makes the container hidden, but not the children.

Pretty sure browser CSS would also make the children hidden, so we should replicate that functionality.

The follow example demonstrates the issue:

from textual.app import App, ComposeResult

from textual.widget import Widget
from textual.widgets import Static


class VisApp(App):

    CSS = """
    #container {
        border: solid red;
        visibility: hidden;
    }
    """

    def compose(self) -> ComposeResult:
        yield Widget(
            Static("foo"),
            Static("bar"),
            id="container",
        )


if __name__ == "__main__":
    app = VisApp()
    app.run()

With the above, both foo and bar are visible, while the container is not.

[github-actions]

Don't forget to star the repository!

Follow @textualizeio for Textual updates.