Blur

CHANGELOG.md

@@ -11,6 +11,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 ### Fixed
 
 - Duplicate CSS errors when parsing CSS from a screen https://github.com/Textualize/textual/issues/3581
+- Added missing `blur` pseudo class https://github.com/Textualize/textual/issues/3439
 
 ### Changed
 

docs/guide/CSS.md

@@ -324,6 +324,7 @@ Here are some other pseudo classes:
 - `:disabled` Matches widgets which are in a disabled state.
 - `:enabled` Matches widgets which are in an enabled state.
 - `:focus` Matches widgets which have input focus.
+- `:blur` Matches widgets which *do not* have input focus.
 - `:focus-within` Matches widgets with a focused child widget.
 - `:dark` Matches widgets in dark mode (where `App.dark == True`).
 - `:light` Matches widgets in dark mode (where `App.dark == False`).

src/textual/widget.py

@@ -2779,6 +2779,8 @@ def get_pseudo_classes(self) -> Iterable[str]:
             yield "hover"
         if self.has_focus:
             yield "focus"
+        else:
+            yield "blur"
         if self.can_focus:
             yield "can-focus"
         try:

tests/test_app.py

@@ -30,14 +30,25 @@ async def test_hover_update_styles():
     app = MyApp()
     async with app.run_test() as pilot:
         button = app.query_one(Button)
-        assert button.pseudo_classes == {"enabled", "can-focus", "dark"}
+        assert button.pseudo_classes == {
+            "blur",
+            "can-focus",
+            "dark",
+            "enabled",
+        }
 
         # Take note of the initial background colour
         initial_background = button.styles.background
         await pilot.hover(Button)
 
         # We've hovered, so ensure the pseudoclass is present and background changed
-        assert button.pseudo_classes == {"enabled", "hover", "can-focus", "dark"}
+        assert button.pseudo_classes == {
+            "blur",
+            "can-focus",
+            "dark",
+            "enabled",
+            "hover",
+        }
         assert button.styles.background != initial_background