from textual.app import App, ComposeResult
from textual.widgets import Input, Label, MaskedInput


class InputSelectionApp(App):
    CSS = """
    Label {
        margin: 1;
    }
    """

    def compose(self) -> ComposeResult:
        yield Label("Input text is now selected on focus by default.")

        yield Label(
            "This is obvious to the user for the Input widget "
            "where the selection is highlighted:"
        )
        yield Input("text")

        yield Label(
            "But not the MaskedInput, "
            "which is confusing when typing will overwrite the previous text:"
        )
        yield MaskedInput(template="AAAAAAAA;-", value="text")


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