Removing border of RichLog makes it disappear in TabPane

[basnijholt]

As discussed on Discord.

In the MRE below, when I have the border: solid green 0% line:

But with that line removed:

from textual.app import App, ComposeResult
from textual.containers import Container
from textual.widgets import TabbedContent, TabPane, RichLog


class MinimalApp(App):
    """A minimal Textual app demonstrating the RichLog border issue."""

    CSS = """
    TabbedContent {
        height: 100%;
    }

    #title-container {
        align: center middle;
    }

    #title-rich-log {
        overflow-y: auto;
        background: black 0%;
        width: auto;
        height: auto;
        /* When removing the border, the whole thing is gone? */
        border: solid green 0%;
    }
    """

    def compose(self) -> ComposeResult:
        """Create child widgets for the app."""
        with TabbedContent():
            with TabPane("Title Slide", id="title-slide-tab"):
                yield Container(RichLog(id="title-rich-log"), id="title-container")

    def on_mount(self) -> None:
        """Add some text to the RichLogs."""
        title_rich_log = self.query_one("#title-rich-log", RichLog)
        title_rich_log.write("This is the Title Slide RichLog")


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

Using textual==1.0.0

[github-actions]

We found the following entry in the FAQ which you may find helpful:

• Why doesn't Textual look good on macOS?

Feel free to close this issue if you found an answer in the FAQ. Otherwise, please give us a little time to review.

This is an automated reply, generated by FAQtory