From 16fdad3df5078873f2eedb04ea3f6376d114157d Mon Sep 17 00:00:00 2001
From: Adrien Crivelli <adrien.crivelli@gmail.com>
Date: Thu, 18 Sep 2025 18:27:20 +0900
Subject: [PATCH] feat(material/radio): Hovering over label of a radio will
 show the pointer cursor

This is consistent with checkbox behavior.

Radio used to work that way too until Angular Material v14. v15
broke it, and it remained broken until now.

Fixes #26067, at least partially
---
 src/material/radio/radio.scss | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/material/radio/radio.scss b/src/material/radio/radio.scss
index d92b39e23ba6..2b294bb1cd81 100644
--- a/src/material/radio/radio.scss
+++ b/src/material/radio/radio.scss
@@ -11,6 +11,12 @@ $fallbacks: m3-radio.get-tokens();
   @include radio-common.radio-structure(true);
   @include radio-common.radio-noop-animations();
 
+  // Clicking the label toggles the radio, but MDC does not include any styles that inform the
+  // user of this. Therefore we add the pointer cursor on top of MDC's styles.
+  label {
+    cursor: pointer;
+  }
+
   .mdc-radio__background::before {
     background-color: token-utils.slot(radio-ripple-color, $fallbacks);
   }