Setting `loading` to `True` causes widgets to overwrite notifications

[davep]

Given this code:

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

class LoadingOverlayApp(App[None]):

    CSS = """
    Label {
        width: 90%;
        height: 1fr;
        text-align: center;
        border: solid red;
    }
    """

    def compose(self) -> ComposeResult:
        yield Label("This is a really big label")

    def on_mount(self) -> None:
        self.notify(
            "This is a really big notification. Loading should not overwrite it.",
            timeout=9_999_999
        )
        self.query_one(Label).loading = True

if __name__ == "__main__":
    LoadingOverlayApp().run()

you get this result:

a widget in loading=True state shouldn't appear to overwrite notifications.

[davep]

As previously requested, tagging @willmcgugan on something that should probably TODO sooner rather than later.

[rodrigogiraoserrao]

Here's another interesting one:
if you set a scrollable container to load, you can still scroll, it'll show content that was past the current scrolling position, and the loading indicator overlay will move around as well:

Screen.Recording.2023-11-15.at.11.37.44.mov

[github-actions]

Don't forget to star the repository!

Follow @textualizeio for Textual updates.