From 7445991723006b2611838736937e343420bf4972 Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@abv.bg>
Date: Tue, 3 Feb 2026 04:12:43 -0800
Subject: [PATCH] fix(material/slide-toggle): overly broad selector

Fixes that the `label:empty` selector in the slide toggle was applying to all labels on the page.

Fixes #32736.
---
 src/material/slide-toggle/slide-toggle.scss | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/material/slide-toggle/slide-toggle.scss b/src/material/slide-toggle/slide-toggle.scss
index dfc10d88bc9f..23d274a3ad08 100644
--- a/src/material/slide-toggle/slide-toggle.scss
+++ b/src/material/slide-toggle/slide-toggle.scss
@@ -33,11 +33,6 @@ $fallbacks: m3-slide-toggle.get-tokens();
   }
 }
 
-// Ensure no label element (with a click handler) present to ensure hidden from screen readers.
-label:empty {
-  display: none;
-}
-
 .mdc-switch__track {
   overflow: hidden;
   position: relative;
@@ -555,6 +550,11 @@ label:empty {
   .mdc-switch--disabled + label {
     color: token-utils.slot(slide-toggle-disabled-label-text-color, $fallbacks);
   }
+
+  // Ensure no label element (with a click handler) present to ensure hidden from screen readers.
+  label:empty {
+    display: none;
+  }
 }
 
 // Element used to provide a larger tap target for users on touch devices.