Horizontal scrollbar doesn't display

[davidbrochart]

I'm struggling to get vertical and horizontal scrollbars with this example, where only a vertical scrollbar is displayed:

from textual.app import App, ComposeResult
from textual.widgets import Static


class MyStatic(Static):

    def __init__(self):
        content = "\n".join([f"{i} " * 200 for i in range(200)])
        super().__init__(content)


class MyApp(App):

    DEFAULT_CSS = """
    MyStatic {
        overflow: auto auto;
        width: auto;
        height: auto;
    }
    """

    def compose(self) -> ComposeResult:
        yield MyStatic()


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

Any idea?

[willmcgugan]

When you want something to scroll its the overflow of the container which is important. In your code the container of the static is the screen.

Try setting this in your css:

Screen {
    overflow: auto auto;
}

[davidbrochart]

Thanks, that works:

from textual.app import App, ComposeResult
from textual.widgets import Static


class MyStatic(Static):

    def __init__(self):
        content = "\n".join([f"{i} " * 200 for i in range(200)])
        super().__init__(content)


class MyApp(App):

    DEFAULT_CSS = """
    Screen {
        overflow: auto auto;
    }

    MyStatic {
        width: auto;
        height: auto;
    }
    """

    def compose(self) -> ComposeResult:
        yield MyStatic()


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