How to get Label widget to automatically wrap for long text?

[willmcgugan]

Discussed in #1684

^{Originally posted by learnbyexample January 28, 2023}
Here's a sample app. Static is working as expected but I'm not able to make Label to wrap long text. Also, passing output of Panel to Label wraps around but the right box border is missing. Textual version is 0.10.0

from textual.app import App
from textual.widgets import Label, Static
from rich.panel import Panel

class LabelWrap(App):
    CSS = '''Screen {
              align: center middle;
          }

          #l_data {
              border: blank;
              background: lightgray;
          }

          #s_data {
              border: blank;
              background: lightgreen;
          }

          #p_data {
              border: blank;
              background: lightgray;
          }'''

    def __init__(self):
        super().__init__()

        self.data = ('Apple Banana Cherry Mango Fig Guava Pineapple:'
                     'Dragon Unicorn Centaur Phoenix Chimera Castle')

    def compose(self):
        yield Label(self.data, id='l_data')
        yield Static(self.data, id='s_data')
        yield Label(Panel(self.data), id='p_data')

    def on_mount(self):
        self.dark = False

if __name__ == '__main__':
    app = LabelWrap()
    app.run()

Screenshot of running the above code with 72x18 terminal dimensions:

[github-actions]

Don't forget to star the repository!

Follow @textualizeio for Textual updates.