Button hover regression with 6.1.0 or desired change in behaviour?

[sbellon]

Consider the following code:

#!/usr/bin/env -S uv run -s
# /// script
# requires-python = ">=3.13"
# dependencies = [
#   "textual==6.1.0"
# ]
# ///
 
from textual.app import App, ComposeResult
from textual.widgets import Button
 
 
class FocusButton(Button):
    DEFAULT_CSS = """
    FocusButton {
        background: $background;
        border: $background;
        &:focus {
            color: $foreground;
            background: $background;
            border: round $primary;
        }
        &:hover {
            background: red;
            border: round yellow;
        }
    }
    """
 
 
class TestApp(App):
    def compose(self) -> ComposeResult:
        yield FocusButton()
 
 
if __name__ == "__main__":
    TestApp().run()

With 6.0.0 this worked perfectly fine, but with 6.1.0 the hover style does not work: the background is completely ignored and the border is strangely not applied to the top.

Is this a regression and I should file an issue, or is it a desired change in behaviour and I'll have to adjust my code? If the latter, how?

Thanks in advance for any insights!

[TomJGooding]

In the meantime, you can try adding this to your CSS:

    FocusButton {
        &.-style-default {
            /* Your CSS here... */
    }

[sbellon]

Thanks, that works. Is this required from now on forward, or is the current 6.1.0 state a regression that will get fixed for future releases? In that case, I'll rather pin textual<=6.1.0.